为什么我的li是纵向的，明明加了浮动了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<style>
/*清零*/
*{margin:0; padding:0;}
li{list-style:none;}
img{border:none;}
a{text-decoration:none;}
input,textarea,select{outline:none;}
textarea{resize:none;}
input{border:none;}
.clearfix:after{content:''; clear:both; display:block; height:0; overflow:hidden;}
.clearfix{zoom:1;}
/*整体*/
.box {width: 268px;height: 396px;margin: 100px auto;background: #dee7e7;}
/*头部*/
.nav span {width: 148px;height: 37px;border-bottom: 1px solid #94bdd6;margin-left: 8px;padding-left:14px; background: #dee7e7;font-size: 18px;font-weight: bold;line-height: 37px;text-align: left;color: #183952;display: block;float: left;}
.nan li {float: right;width: 38px;height: 27px;line-height: 27px;padding-top: 10px;}
</style>
<body>
<div id="box">
<div id="nav">
<span>观看排行榜</span>
<ul>
<li>每日</li>
<li>每周</li>
<li>全部</li>
</ul>
</div>
<div id="text">
<dl>
<dt><span>1</span><p>关于地球与人类的一千零一问</p></dt>
<dd><span>1</span><img src="" alt="" /><span></span></dd>
</dl>
</div>
<a href="">更多》</a>
</div>
</body>
</html>
我要做一个大侠2回答
-
qq_青枣工作室_0
.nan li {float: right;width: 38px;height: 27px;line-height: 27px;padding-top: 10px;}你打错字了，是 .nav li，不是 .nan li -
yumanutong
#nav ul li {float: left;width: 38px;height: 27px;line-height: 27px;padding-top: 10px;}一，上面是id ，所以用 # 而不是 点，用点的，是class。二，mav，你两个都不一样。三。用left。靠左排列才对吧。
随时随地看视频慕课网APP
Html/CSS