在IE7中CSS高度100％

Question

我在我的网站中有一个困难的布局，我现在用IE7有一个问题。我如何在这个例子中设置内部包装来填充外部包装的高度？

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

Answer 1

你必须明确地界定.wrapper的高度，在这种情况下。话虽这么说，如果你的顶：底：属性将会使高度动态的，你唯一的解决办法是重新使用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; 
}