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上已经有设置边距或/和填充的技巧，但似乎没有任何效果。

这个问题是唯一的解决方案吗？

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 个答案: