最小高度：100％不工作

Question

我想创建一个div，当屏幕高度没有足够的内容时它会扩展到屏幕高度的100％，但通常会扩展到超出该范围if有足够的内容。如果我的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

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

我想你可以使用：

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

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