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

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

.............演示

嗨，现在给予比body, html height:100%;给予任何班级或id height 100%;

像这样

body, html{
height:100%;
}

现场演示

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 ;
}

最好的，

辛西娅