Html 最小高度:100%不工作

Html 最小高度:100%不工作,html,css,Html,Css,我试图创建一个div,当没有足够的内容时,它将扩展到屏幕高度的100%,但如果有足够的内容,它将正常扩展到屏幕高度的100%。如果我的div被称为container,那么每当我使用 #container { min-height: 100%; } 它似乎对高度没有任何影响。当我使用 #container { height: 100%; min-height: 100%; } 它将高度设置为固定的100%,切断通常超过屏幕高度100%的任何内容。我不确定我做错了什么。你可以试试 body, h

我试图创建一个div,当没有足够的内容时,它将扩展到屏幕高度的100%,但如果有足够的内容,它将正常扩展到屏幕高度的100%。如果我的div被称为container,那么每当我使用

#container
{
min-height: 100%;
}
它似乎对高度没有任何影响。当我使用

#container
{
height: 100%;
min-height: 100%;
}
它将高度设置为固定的100%,切断通常超过屏幕高度100%的任何内容。我不确定我做错了什么。

你可以试试

body, html {
    height: 100%;
}
借来的。你也可以

也许你能给我们一份你的HTML文档吗?这将有助于我们帮助你

我想你可以用:

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

或者使用position/float/clear进行游戏。

这与我将div的高度设置为100%时的效果相同。它会切断用户屏幕之外的任何内容,并且没有滚动条。