搜索框出現(xiàn)在下一排了，麻煩幫忙看看哪兒錯了,謝謝！
????????????<div?class="nav?clearfix"> ????????????????<div?class="nav_left"> ???????????????????? ????????????????</div> ????????????????<div?class="nav_middle"> ????????????????????<div?class="nav_middle_left"> ????????????????????????<ul> ????????????????????????????<li><a?href="#">首頁</a></li> ????????????????????????????<li><a?href="">關(guān)于慕課</a></li> ????????????????????????????<li><a?href="">新聞動態(tài)</a></li> ????????????????????????????<li><a?href="">課程中心</a></li> ????????????????????????????<li><a?href="">在線課程</a></li> ????????????????????????????<li><a?href="">人才招聘</a></li> ????????????????????????</ul> ????????????????????</div> ????????????????????<div?class="nav_middle_right?clearfix"> ????????????????????????<form?action=""?method="post"> ????????????????????????????<input?type="text"?class="search_text"/> ????????????????????????</form> ????????????????????</div> ????????????????</div> ????????????????<div?class="nav_right"> ???????????????????? ????????????????</div> ????????????</div>
.nav{
????height:?40px;
}
.nav_left{
????width:?10px;
????background:?url(../images/nav_left.jpg)?no-repeat;
????float:?left;
????height:?40px;
}
.nav_middle{
????width:?980px;
????background:?url(../images/nav_bg.jpg)?repeat-x;
????float:?left;
}
.nav_right{
????width:?10px;
????background:?url(../images/nav_right.jpg)?no-repeat;
????float:?right;
????height:?40px;
}
.nav_middle_left{
????width:?680px;
}
.nav_middle_right{
????width:?300px;
}
.nav_middle_left?li{
????float:?left;
????list-style-type:?none;
????width:?100px;
????text-align:?center;
????line-height:?40px;
}
.nav_middle_left?li:after{
????clear:?both;
}
.nav_middle_left?a:link,.nav_middle_left?a:visited{
????text-decoration:?none;
????color:?#FFF;
????font-size:?16px;
????font-family:?"微軟雅黑";
}
.nav_middle_left?a:hover,.nav_middle_left?a:active{
????text-decoration:?none;
????color:?#FF0;
????font-size:?16px;
????font-family:?"微軟雅黑";
}
.search_text{
????width:?190px;
????height:?25px;
????margin-top:?5px;
????float:?left;
}
我檢查過nav_middle寬度為980px，nav_middle_left為680px,nav_middle_right為300px;
其中的搜索框才190px,然后又將.nav_middle_left li:after{clear:both;}了一下，還是沒有改變。。。
2017-01-02
你可能弄錯原因了，錯誤原因是nav_middle_left這個div，和nav_middle_right這個div并沒有設(shè)置浮動，他們是塊級元素，必然會換行，你是在搜索框的樣式上設(shè)置的左浮動，他的意思是搜索框在nav_middle_right這個塊中左浮動，并不是讓你的這個快去浮動貼著nav_middle_left這個塊
2016-12-15
找到解決辦法了，將<div?class="nav_middle_right?clearfix">中clearfix去掉，但是原理我還沒有太明白的