Question

请看下面的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>

我怎么能有身高 - ＆gt; MainDiv开始时800px（低内容）？
并且当内容增长时强制它的高度增加！

提前致谢

Answer 1

像这样写

#MainDiv{
 min-height:800px;
}

EDIT:

回答您的上述评论

如果你想要html & body 100%身高那么就这样写

html, body{
  height:100%
}

Answer 2

#MainDiv
{
    min-height: 800px;
    height: auto;
}

如果有帮助，请告诉我。

div的最小高度为100％时预定义的高度

2 个答案: