我有这样的代码:
<body>
<div id='wrapper'>
<div id='content'>
<!--content that changes his height-->
</div>
<div id='footer'>
<!--Footer content-->
</div>
</div>
</body>
CSS是这样的:
#wrapper{
width : 1024px;
position : relative;
}
#footer{
position : absolute;
bottom : 0;
left : 0;
}
在 div#content 中,我有一些可以扩展或缩小的 div,因此当它们扩展时,它的高度会增加,从而增加容器 div#wrapper 的高度。在所有现代浏览器中,页脚位置都会正确重新计算,并且页脚放置在包装器 div 的最底部,但在 IE7 中不会发生这种情况:页脚保持在包装器增加其高度之前的相同位置。
做了一些谷歌搜索,我发现这种行为最可能的原因是“hasLayout bug”,所以我在 div#wrapper 中添加了属性zoom : 1,但问题并没有消失,所以我尝试将此属性添加到#footer 等其他元素没有任何成功。
我完全无知...
有人知道发生了什么吗?
提前致谢。