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="#">關于慕課</a></li> <li><a href="#">新聞動態</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設置成了left
效果不應該是靠左么 為什么會出現在灰色條的中間呢?
求解