最小高度：100％不起作用

Question

我正在尝试创建一个div，当没有足够的内容可以扩展到屏幕高度的100％时，如果有足够的内容，它会正常扩展。如果我的div被称为容器，那么只要我使用

#container
{
min-height: 100%;
}

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

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

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

Answer 1

你可以尝试

body, html {
    height: 100%;
}

借鉴this answer。您还可以refer this。

Fiddle

Answer 2

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

我认为你可以使用：

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

或者玩位置/浮动/清除。