3

我认为我们需要为这个问题找到一个可靠的解决方案——在互联网上，似乎没有。

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 上设置边距或/和填充，但似乎没有什么能很好地工作。

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

4

2 回答 2

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

可能这会有所帮助吗？

于 2012-06-12T20:23:58.117 回答
0

尝试这个：

html, body { height: 100%; margin: 0; padding:0; }
#container { height: auto; min-height:100%; background:#ccc; }
于 2015-11-04T05:36:53.433 回答