<!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>關(guān)于地球與人類的一千零一問</p></dt>? ? ? ? ? ? <dd><span>1</span><img src="" alt="" /><span></span></dd>? ? ? ? </dl>? ? ? ? </div>? ? ? ? <a href="">更多》</a>? ? </div>? ? </body></html>
2 回答
已采納
qq_青棗工作室_0
TA貢獻(xiàn)446條經(jīng)驗(yàn) 獲得超754個贊
?.nan li {float: right;width: 38px;height: 27px;line-height: 27px;padding-top: 10px;}
你打錯字了，是 .nav li，不是 .nan li
-
我要做一個大俠確實(shí)是打錯字了。。。。
yumanutong
TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超12個贊
?#nav ul li {float: left;width: 38px;height: 27px;line-height: 27px;padding-top: 10px;}
一，上面是id ，所以用 # 而不是 點(diǎn)，用點(diǎn)的，是class。二，mav，你兩個都不一樣。三。用left。靠左排列才對吧。
-
我要做一個大俠只有id是傳代碼時它自動把class去掉了，不知道什么原因。確實(shí)是nav打錯了，至于浮動right，和left對他的排列順序有影響，但布局效果一樣。感謝！
添加回答
舉報
0/150
提交
取消