在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; 
}