<!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
TA贡献446条经验 获得超754个赞
.nan li {float: right;width: 38px;height: 27px;line-height: 27px;padding-top: 10px;}
你打错字了，是 .nav li，不是 .nan li
yumanutong
TA贡献6条经验 获得超12个赞
#nav ul li {float: left;width: 38px;height: 27px;line-height: 27px;padding-top: 10px;}
一，上面是id ，所以用 # 而不是 点，用点的，是class。二，mav，你两个都不一样。三。用left。靠左排列才对吧。
- 2 回答
- 0 关注
- 1586 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消