html - 最小高度：100% 不起作用

Question

我正在尝试创建一个 div，当没有足够的内容可以正常执行此操作时，该 div 将扩展到屏幕高度的 100%，但如果有足够的内容，它将正常扩展超出该高度。如果我的 div 被称为容器，那么每当我使用

#container
{
min-height: 100%;
}

它似乎对高度没有任何影响。当我使用

#container
{
height: 100%;
min-height: 100%;
}

它将高度设置为固定的 100%，切断通常超过屏幕高度 100% 的任何内容。我不确定我做错了什么。

Answer 1

你可以试试

body, html {
    height: 100%;
}

借用这个答案。你也可以参考这个。

小提琴

Answer 2

也许你能给我们一个你的 HTML的JSfiddle吗？它会帮助我们帮助你。

我想你可以使用：

#container
{
    height: 100%;
    overflow: auto;
}

或者使用位置/浮动/清除。