请css大侠指教，下面这段代码为什么我设置了div的边框却没有显示？

css代码：
*{margin: 0;padding:0;}
.listyle{float: left;list-style:none;margin: 1em 2em;}
#intro{border:solid 3 red;margin:10px 5px;}//【“此处为问题中的div边框设置”】
a{text-decoration:none;color: #000}
a:focus,a:hover{color: red;}
.check{position: absolute;top: 20px;left: 38%;}
.text_s{width: 300px;height: 30px;border-radius:5px 0px 0px 5px;border: solid 1.9px #0389c5;}
.input_s{margin-left: -2px;width: 70px;height: 33px;font: 1em arial;background-color:#0389c5;border-radius:0px 5px 5px 0px;border: solid 1px #0389c5;}
#all{margin: 0px auto;width: 1236px;height: 1000px;}
#slideshow{overflow: hidden;width: 1236px;height: 214px;position: relative;}

html代码：
<div id="all">
<div id="intro">
<ul>
<li class="listyle"><a href="move.html">电影</a>
</li>
<li class="listyle"><a href="tv.html">电视剧</a>
</li>
</ul>
</div>
<div class="check"><!-- 搜索栏 -->
<form id="form1">
<table>
<tr>
<td>
<input type="text" placeholder=" 速度与激情7" class="text_s">
</td>
<td>
<input type="button" value="搜索" class="input_s">
</td>
<!-- 当type设置为button时才能设置样式同时利用表格实现input水平对齐-->
</tr>
</table>
</form>
</div>
</div>

首先：border:solid 3 red; 这句有问题，边框粗细没单位，如：border:solid 3px red;
你的li标签设置了float:left;所以浮动了，导致ul高度为0，DIV高度为0，所以即使有边框也不对，需要清除浮动
在</ul>前面加上<div style="clear:both;"></div>

就可以了

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息