div /身高100％的固溶体

Question

I think we need to find a solid solution for this problem - on the internet, there does not seem to be one. 我认为我们需要为这个问题找到一个可靠的解决方案 - 在互联网上，似乎没有一个。

The DIV will always stay the height of its content - and not more. DIV将始终保持其内容的高度 - 而不是更多。

The structure is like this: 结构是这样的：

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

CSS usually looks like this: CSS通常看起来像这样：

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

There are already tricks with setting margin or/and padding on body or/and div, but nothing seems to work really fine. 已经设置了在body或/和div上设置margin或/和padding的技巧，但似乎没有什么工作真的很好。

Is there a one and only solution for this problem? 这个问题是否有唯一的解决方案？

Answer 1

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

May be this will help? 可能这会有所帮助吗？

Answer 2

Try this: 试试这个：

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