我知道這種類型的事情有很多問題，但我還沒有找到答案來解決我的問題。
我有一個「新聞提要」格式的網站，您可以根據特定標準過濾帖子。所以，使用一些過濾器，你會得到比瀏覽器窗口更高的內容。使用其他過濾器，您不能獲得任何內容。HTML CSS body autosizing
當我使用WebKit的網絡督察，我看到一個html {min-height:100%}做爲<html>標籤的伎倆。我希望<body>可以做同樣的事情：當內容適合頁面時爲100％，否則展開。
不過，我不能在身體上使用百分比height或min-height當高度爲<html>未設置。它不會繼承一個高度來將其百分比基於。所以，當文檔內容少於整個窗口時，最終結果是，所有內容都被正確剪裁，並且這些內容的底部將我的背景和內容搞砸了。
任何想法？
也許你可以嘗試這樣的事：
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
#content {
min-height: 100%;
}
我希望這有助於解決問題
從它聽起來像所有你需要的是增加有限的細節是：
html,body{ height: 100%; }
而且我猜測你的背景是在body標籤。
不，它保持瀏覽器窗口高度的高度，當內容超過窗口的一頁時，這是不好的。身體有一個灰色的背景，我有一個居中的白色div所有的內容去。問題是div只能和身體一樣大。 – Andrew 2012-03-19 14:39:22
我的建議是將身體的高度設置爲100％。 100％意味着，它應該佔用相同的空間作爲其父元素。所以，如果你的HTML標籤做什麼它應該，只是讓身體標記採取相同的尺寸：
<html style="min-height: 100%">
<body style="height: 100%">
</body>
</html>
body元素似乎忽略了百分比，除非html有一個指定的高度，而不僅僅是最小高度。 – Andrew 2012-03-19 14:40:17
並且您無法爲設置高度爲什麼？ – 2012-03-19 14:29:35
因爲這會在內容大於瀏覽器窗口時阻止它擴展到所有內容的底部。 – Andrew 2012-03-19 14:33:56
如果發生這種情況，那麼你將溢出設置爲自動 – 2012-03-19 14:36:19