css样式 一个div的样式被另一个div抢占的问题

songzhi 发布于 2012/11/14 11:03
阅读 399
收藏 0

页面显示在ie6上没问题,但是在ie8上,一个div的样式被上级嵌套的div抢占了,请问是怎么回事啊

页面:

<div class="service_nav">
<h3><strong>投诉管理主菜单</strong> >> 投诉管理 >> 客户投诉信息维护</h3>
<div class="diwen">
<span class="diwen_r"></span>
</div>

<div class="inquery">
投诉途径:
 
</div>

</div>

css样式

.service_nav{
width:700px;
margin:0 auto;
padding:0;
}
.service_nav h3{
width:744px;
margin:0;
padding:0;
float:left;
padding-left:26px;
font-size:14px;
font-weight:normal;
color:#1e5494;
height:25px;
line-height:25px;
text-align:left;
background:url(../images/AllMenu.gif) no-repeat 0px 3px;
}
.inquery{
width:700px;
border:1px solid #bfbfbf;
background-color:#F1F7FC;
height:28px;
line-height:28px;
font-size:12px;
text-align:right;
margin-top:7px;
padding-top:4px;
}

ie6显示没有问题,但是ie8<div class="service_nav">会把inquery的样式抢占过来覆盖到它的样式上,而inquery div则没有样式,这是什么情况啊

加载中
1
曾沙
曾沙

是因为".service_nav h3"有个左浮动,导致h3不占高度,你把浮动去掉就可以了。演示效果:http://runjs.cn/code/liqzl22e

0
luobin
luobin
把显示效果贴上来
0
红薯
红薯

建议在 RunJS 中把你的代码贴出来,大家可以更方便的找到问题

http://runjs.cn

0
songzhi
songzhi

引用来自“曾沙”的答案

是因为".service_nav h3"有个左浮动,导致h3不占高度,你把浮动去掉就可以了。演示效果:http://runjs.cn/code/liqzl22e

谢谢,确实是浮动的问题
曾沙
曾沙
如果觉得答案没问题可以设为“最佳答案”,都可以加积分的哦:)
返回顶部
顶部