CSS浮動(dòng)問題 位置偏移了??
css代碼如下:
.nav{ width: 1000px; height: 40px; background: url("../images/nav_bg.jpg") repeat-x; margin: 0 auto; } .nav .nav_left{ float: left; <愛尬聊_生活百科>}.nav_left li{ list-style-type: none; float: left; width: 100px; line-height: 40px; text-align: center; }.nav_left a{ text-decoration: none; color: white; font-size: 16px; font-family: 微軟雅黑; }.nav .nav_right{ float: right; }
html代碼如下:
<div class="nav"> <div class="nav_left"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">關(guān)于慕課</a></li> <li><a href="#">新聞動(dòng)態(tài)</a></li> <li><a href="#">課程中心</a></li> <li><a href="#">在線課程</a></li> <li><a href="#">人才招聘</a></li> </ul> </div> <div class="nav_right"> <input type="text"> </div> </div>
效果:
li的flot設(shè)置成了left
效果不應(yīng)該是靠左么 為什么會(huì)出現(xiàn)在灰色條的中間呢?
求解