Question

当我添加元素时，我的容器div在我的一个页面上没有垂直扩展。因此，最底部的div重叠在我的页脚上。容器中的div是相对定位的水平元素

在我的主页上，它可以正常使用容器展开，并且不会使用下面的css重叠

如果我留下任何头发，它现在就会被拉出来！： - ））

#container {
    width: 900px;
    margin-left:auto;
    margin-right:auto;
    top:50px;
    position:relative;
    height: auto !important;
    min-height: 100%;
}

Answer 1

对我来说似乎很少有上下文，因为页脚可能与容器div重叠，容器div设置为以100％的最小高度开始，这取决于与容器div相关的页脚定义方式

Answer 2

...............的 Demo

您现在给提交body, html height:100%;而不是提供任何类或 ID height 100%;

就像这样

body, html{ height:100%; }

的 LIve demo 的

Answer 3

rule-selector
{
    height: 100%;
}

如果这对您不起作用，则更具体的规则可能会禁用此规则，因此请尽可能使您的规则选择器具有特定性。如果仍然不够特别，那么：

rule-selector
{
    height: 100% !important;
}

Answer 4

试试这个：

#container {
width: 900px;
margin-left:auto;
margin-right:auto;
top:50px;
position:relative;
overflow:hidden ;
}

最佳，

辛西娅

当我添加元素时，我的容器div不会在我的一个页面上垂直展开

4 个答案: