<div id="header">
<div class="logo"><a href="#"><img src="img/logo.png" width="190" height="66" alt="奇乐族网页游戏攻略" /></a></div>
<div class="nav">
<ul>
<li class="cur">
<a href="#" class="spmenu-1">
首页
</a>
</li>
<li >
<a href="#" class="spmenu-2">
游戏攻略
</a>
</li>
<li >
<a href="#" class="spmenu-3">
游戏专题
</a>
</li>
<li >
<a href="#" class="spmenu-4">
游戏战报
</a>
</li>
<li >
<a href="#" class="spmenu-5">
工具下载
</a>
</li>
<li >
<a href="#" class="spmenu-6">
游戏专区
</a>
</li>
</ul>
</div>
<div class="ad_1"></div>
</div>
css样式
body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin:0px;padding:0px; font-size: 12px; font-weight: normal; }
ul { list-style: none; }
img { border-style: none; }
a { color:#444; text-decoration:none;}
.logo{ float:left; margin:11px 0 11px 5px; width:190px; height:66px;}.logo img{ width:190px; height:66px;}.ad_1{ width:150px; margin-left:10px; float:right;background: #99FF99; height:82px;}
.nav { float:left; height:82px;width:600px;background:transparent url(../img/nav.png) no-repeat scroll 0 0; margin:3px 0 3px 20px;}
.nav ul {float:left;overflow:hidden;height:82px;position:relative;}
.nav ul li {float:left;display:block;position:relative;width:100px;height:82px;}
.nav ul li a {display:block;color:#333;padding-top:60px;height:22px;width:100px;text-align:center;}
.nav ul li a:hover, .nav ul li.cur a {position:absolute;padding-left:1px;top:0;left:-1px;background:transparent url(../img/nav.png) no-repeat 0 -82px}
.nav ul li a.spmenu-1:hover, .nav dd ul li.cur a.spmenu-1 {background-position:0px -82px}.nav ul li a.spmenu-2:hover, .nav dd ul li.cur a.spmenu-2 {background-position:-100px -82px}
.nav ul li a.spmenu-3:hover, .nav dd ul li.cur a.spmenu-3 {background-position:-200px -82px}
.nav ul li a.spmenu-4:hover, .nav dd ul li.cur a.spmenu-4 {background-position:-300px -82px}
.nav ul li a.spmenu-5:hover, .nav dd ul li.cur a.spmenu-5 {background-position:-400px -82px}
.nav ul li a.spmenu-6:hover, .nav dd ul li.cur a.spmenu-6 {background-position:-500px -82px}
.nav ul li a.spmenu-1:active {background-position:0px -164px}.nav ul li a.spmenu-2:active {background-position:-100px -164px}
.nav ul li a.spmenu-3:active {background-position:-200px -164px}
.nav ul li a.spmenu-4:active {background-position:-300px -164px}
.nav ul li a.spmenu-5:active {background-position:-400px -164px}
.nav ul li a.spmenu-6:active {background-position:-500px -164px}
解答的详细的,我追加50分 在DW中没有问题
我设定的总宽度是980 但是我把尺寸修改成(190+5)+(600+20)+(145+10)=980px 还是出现不能在一排上面的情况 display:inline我也加上了 还是不行啊
追答不会吧,我把
ad_1{ width:145px; }之后页面就正常了啊。
你看下是不是设置了边框,padding什么的,如果设置了这些宽度也要算在其中,再就是给.logo,.ad_1,.nav设置overflow:hidden;试下
我自己解决了 只是在head上面加了一个float就型了 不过不管怎么说还是多谢你了!
head的宽度是固定的 我觉得可能是position属性的问题 但是具体问题在哪 我就不知道了