CSS:IE7 <div>的空白区域占用空间</div>

时间:2011-07-07 23:32:43

标签: css internet-explorer-7 internet-explorer-6

我有一个页面,其中一些div的宽度为800px,margin:0 auto 把它们集中在一起。

其中一个div包含一个图像,div的其余部分为空,在IE8 +看起来 以及所有其他浏览器,但在IE7中,div的空白区域占用空间并将其他元素抛出其位置,

是否有一个快速的解决方案,使div的空白区域不占空间?

我必须保留空白区域的原因是固定的和边距:0自动生成 图片与具有相同宽度的其他div对齐。

提前thx!

3 个答案:

答案 0 :(得分:2)

尝试为该元素设置line-height:0font-size:0

它应该使元素不占空间..

答案 1 :(得分:1)

只是想告诉任何人阅读这篇文章,我最后做的是放一个Internet Explorer条件评论,似乎没有解决问题。

另一件可能的事情就是让DIV的一个位置绝对然后就是它 在正常流量之外,但是我找不到让DIV的空白部分不采取的方法 正常流动中的空间。

答案 2 :(得分:0)

是的确如此......只需将;放在他们之后

我在IE7上遇到了同样的问题并使用了答案

line-height:0; 
font-size:0; 

在与该div对应的CSS中