div /身高100％的固溶體

Question

我認為我們需要為這個問題找到一個可靠的解決方案 - 在互聯網上，似乎沒有一個。

DIV將始終保持其內容的高度 - 而不是更多。

結構是這樣的：

<html>
    <head>
        <title>myPage</title>
    </head>
    <body>
        <div id='container'>
            Some Content...
        </div>
    </body>
</html>

CSS通常看起來像這樣：

body {
    height: 100%;
}
div#container {
    height: 100%;
    width: 100%;
}

已經設置了在body或/和div上設置margin或/和padding的技巧，但似乎沒有什么工作真的很好。

這個問題是否有唯一的解決方案？

Answer 1

html, body, div#container{
   min-height: 100%;
   height: 100%;
}

可能這會有所幫助嗎？

Answer 2

試試這個：

html, body { height: 100%; margin: 0; padding:0; }
#container { height: auto; min-height:100%; background:#ccc; }

div /身高100％的固溶體

問題描述

2 個解決方案

解決方案1
4 已采納 2012-06-12 20:23:58

解決方案2
0 2015-11-04 05:36:53

div /身高100％的固溶體

問題描述

2 個解決方案

解決方案1 4 已采納 2012-06-12 20:23:58

解決方案2 0 2015-11-04 05:36:53

解決方案1
4 已采納 2012-06-12 20:23:58

解決方案2
0 2015-11-04 05:36:53