position:绝对减小IE7中的宽度

时间:2012-03-21 23:55:14

标签: width css-position internet-explorer-7 css

我正在尝试将div放在div中。 外部div有一个固定的宽度和高度,内部div包含一些文本,具有固定的高度并自动适合外部div的宽度(默认行为,没有“width:100%”)。

当我现在添加位置:相对于外部div和位置:绝对+底部:0到内部div,我只想让内部div移动到外部div的底部,但是保持它具有相同的宽度之前。这在大多数浏览器(Internet Explorer 8 +,Firefox,Opera)中都可以正常工作,但在IE7中它减小了宽度以适应内部div中的文本。

在IE7中是否有一种干净有效的方法来阻止这种不同的行为?

你可以在这里看到一个例子:http://www.loud.fm/tmp(我说的是feature-slider-box内底的黑盒子。)提前谢谢! :)

3 个答案:

答案 0 :(得分:4)

由于您已经使用绝对定位将其锁定到底部,为什么不添加

left: 0;
right: 0;

也是你的CSS。

答案 1 :(得分:0)

当您执行position: absolute时,您正在破坏某些关系。在你提到的例子中,你会注意到黑盒子的div属于li元素,其中li元素的静态宽度设置为(590px)。您可以通过在加载时使用javascript来动态地将内部div的宽度设置为外部div的宽度以处理所有情况。否则,请设置与父级匹配的静态宽度大小。

答案 2 :(得分:0)

我有一个非常类似的问题,因为IE的宽度改变了Div。一个简单的样式标签为我解决了这个问题:

min-width: 100%;

经过几个小时的试验和错误,这就是全部。希望它有所帮助!