IE7中的CSS高度为100％

Question

我的网站布局很难，现在IE7出现了问题。我怎样才能在这个例子中设置内包装器来填充外包装器的高度？

http://jsfiddle.net/fMPNw/2/

Answer 1

在这种情况下，您必须明确定义.wrapper的高度。话虽这么说，如果你的top：和bottom：属性会使高度变得动态，你唯一的解决方案是使用JavaScript重置高度，绑定高度以更新窗口大小调整等等。

Answer 2

我能够通过绝对定位来正确布局.wrapper2。使用以下2行CSS，宽度来纠正由绝对定位引起的宽度问题。

position:absolute;
width:100%;

最终结果是：

.wrapper{
    position: absolute;
    top: 310px;
    bottom: 130px;
    border: 1px solid red;
    width: 100px;
}
.wrapper2{
    border: 1px solid blue;
    height: 100%;
    width:100%;
    position:absolute;
}