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

发布于 2024-12-11 23:16:24 字数 764 浏览 0 评论 0原文

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

我怎样才能有高度 ->开始时 MainDiv 为 800 像素(低内容)?
并在内容增加时强制其高度增加!

提前致谢

plz see the below 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>

how can i have height -> 800px for MainDiv At Start(Low Content)?
and force it's height to increase when contents are growed!

thanks in advance

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

层林尽染 2024-12-18 23:16:24
#MainDiv
{
    min-height: 800px;
    height: auto;
}

如果有帮助请告诉我。

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

Let me know if it helps.

我不是你的备胎 2024-12-18 23:16:24

像这样写

#MainDiv{
 min-height:800px;
}

EDIT:

你上面评论的答案

如果你想要 html & body 100% height 然后就这样写

html, body{
  height:100%
}

write like this

#MainDiv{
 min-height:800px;
}

EDIT:

Answer of your above comment

If you want html & body 100% height then just write like this

html, body{
  height:100%
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文