【发布时间】：2013-05-01 17:20:34
【问题描述】：
我有这样的代码：
<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 错误”，所以我将属性 zoom : 1 添加到 div#wrapper，但问题没有t 消失，所以我尝试将此属性添加到 #footer 等其他元素，但没有成功。
我一无所知...
有人知道发生了什么吗？
提前致谢。
【问题讨论】：
-
您有两个 ID 为“wrapper”的元素。其中之一应该是“页脚”吗？
-
你的问题是因为你的页脚有
position:absolute。 -
是的比利，第二个应该是“页脚”。
-
安德鲁，为什么位置：绝对是一个问题？最初，它没有位置：绝对，但是当我展开包装器时，页脚放置好了，但是当我再次缩小它时，页脚完全搞砸了，放置在错误的位置并改变了高度和宽度。
标签： javascript html css internet-explorer