最小高度：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; 
} 

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