的div高度100％，但不超過絕對粘頁腳

Question

我儘量讓一個div的高度擴張，但它擴大了在底部的絕對positionned粘頁腳，這裏是一個演示：

http://jsfiddle.net/UMLKf/1/

（我不需要支持舊瀏覽器）

Answer 1

您的margin-bottom: 200px規則只會影響文檔流中的後續元素。它將而不是使您的div比瀏覽器窗口小200px。爲了演示我已經設置了jsFiddle here。

如果您希望div的底部距瀏覽器窗口底部200px，那麼您可以絕對使用top: 0和bottom: 200px來定位它。 JsFiddle here。

Answer 2

試試這個在您的主要DIV：

#content { position: absolute; top: 0; left: 0; right: 0; bottom: 200px; } 

和頁腳：

#footer { position: absolute; bottom: 0; height: 200px; } 

這很可能與崗位工作：相對爲好。

編輯：

這裏有一個演示：http://jsfiddle.net/adaz/nQVPm/

我敢肯定，這適用於IE7 +