Html 当div的最小高度为100%时，如何预定义div的高度_Html_Height_Css

Html 当div的最小高度为100%时，如何预定义div的高度

html css

Html 当div的最小高度为100%时，如何预定义div的高度,html,height,css,Html,Height,Css,请参见下面的html： <head runat="server"> <title></title> <style type="text/css"> html, body { padding: 0; margin: 0; width: 100%; height: 100%; borde

请参见下面的html：

<head runat="server">
    <title></title>
    <style type="text/css">
        html, body
        {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
            border: 1px solid red;
        }
        #MainDiv
        {
            width: 100%;
            min-height: 100%;
            border: 1px solid blue;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="MainDiv">
        Contents - A Repeater That Will Grow From Code Behind
    </div>
    </form>
</body>
</html>


html，正文
{
填充：0；
保证金：0；
宽度：100%；
身高：100%；
边框：1px纯红；
}
#MainDiv
{
宽度：100%；
最小高度：100%；
边框：1px纯蓝色；
}
内容-将从代码隐藏中成长的中继器

如何在开始时为MainDiv设置高度->800px（低内容）？
当内容物增长时，强制其高度增加

提前谢谢

这样写吧

#MainDiv{
 min-height:800px;
}

EDIT:

html, body{
  height:100%
}

以上评论的答复

如果你想要

html&body 100%

height，那么就这样写吧

#MainDiv{
 min-height:800px;
}

EDIT:

html, body{
  height:100%
}

如果有帮助，请告诉我。

它可以工作-但是html&body->not grow有一个问题！如何迫使它们也增长？使用“高度：自动”，而不是“高度：100%”谢谢你的评论/但这样做，我失去了100%的身体高度或html-我不想在我的窗口开始时有任何滚动（因为使用预先定义的身体高度或html）我；我不确定我是否理解你想要的：P如果你将div height设置为800px，并且你的屏幕分辨率的高度小于800px，你无论如何都会得到一个滚动条。如果你不想要滚动条，只需使用：“overflow:hidden；”。如果你只想滚动，有时你需要javascript。谢谢你的回答/但在这个问题上，它们的高度是100%，而且它们不会随着MainDiv而增长！此人的想法正确，只需将html和body的最小高度设置为100%，而不是100%。这样一来，它将首先占据整个屏幕，然后随着MainDiv的发展而增长。如此多的CSS样式正在创造你想要的幻觉。尝试在整个

正文中重复背景。或者使用具有视口100%高度的fixed
div。