一模一樣的代碼，我的效果也太詭異了……
始終想不明白哪里出錯(cuò)了……
為什么nav_right會出現(xiàn)在上面？？？而不是跟他們水平
float屬性里面不是已經(jīng)設(shè)置了么……
新手求教啊?。。?！
css文件中代碼：
.nav_left {
width: 10px;
background: url(../images/nav_left.jpg) no-repeat;
}
.nav_mid{
width:980px;
background:url(../images/nav_bg.jpg) repeat-x;
}
.nav_right{
width:10px;
background:url(../images/nav_right.jpg) no-repeat;
}
.nav_left,.nav_mid,.nav_right{
float:left;
height:40px;
}
index.html中的：
?<div class="nav">
? ? ?<div class="nav_left"></div>
? ? ?<div class="nav_mid">
? ? ? ?<div class="nav_mid_left"></div>
? ? ? ? <ul>
? ? ? ? ? <li><a href="#">首頁</a></li>
? ? ? ? ? <li><a href="list.html">關(guān)于慕課</a></li>
? ? ? ? ? <li><a href="list.html">新聞動態(tài)</a></li>
? ? ? ? ? <li><a href="list.html">課程中心</a></li>
? ? ? ? ? <li><a href="list.html">在線課程</a></li>
? ? ? ? ? <li><a href="list.html">人才招聘</a></li>
? ? ? ? </ul>
? ? ? ?<div class="nav_mid_right">
? ? ? ? ?<form action="" method="post">
? ? ? ? ? <input type="text"/>
? ? ? ? ?</form>
? ? ? ?</div>
? ? ?</div><!-- nav-mid結(jié)束 -->
? ? ?<div class="nav_right"></div>
? </div><!-- nav結(jié)束 -->
</div><!--wrap結(jié)束 ?-->
2015-04-10
老師為什么不用標(biāo)準(zhǔn)的html5教學(xué)?
2014-12-24
在頭上加上這個(gè)就OK<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
2014-12-24
同學(xué)你看看你的html 中 連doctype聲明都沒有，讓瀏覽器如何解析
2014-12-10
應(yīng)該是你寬度的問題,不是nav_left出現(xiàn)在上面,而是空間不夠了,nav_mid和nav_right跑到下面來了
2014-12-05
li暫時(shí)不管它的樣式，我想問的是 為什么 nav_left 會出現(xiàn)在上面，實(shí)在是費(fèi)解?。?/p>
2014-12-05
連li的樣式的沒有了，還說一模一樣。你加上li{float:left;}就水平了