gpt4 book ai didi

html - 背景的 100% 高度不起作用(尽管 html 和正文高度 100%)

转载 作者:行者123 更新时间:2023-11-27 22:29:39 24 4
gpt4 key购买 nike

我想将包装器设置为 100% 高度。但是尽管将高度设置为 100%,我还是无法这样做。

目前,我的 main_wrapper 是空的。它应该给我一个红色的背景色。

我的目标是使用 fixed 在底部有一个页脚,但这不是主题。但是,如果有人可以提供固定位置的链接,那就太好了。

<html>
<head runat="server">

</head>
<body class="body">
<form id="form1" runat="server">
<div id="main_wrapper">


</div>

<div class="clear"></div>

</form>

</body>
</html>



* {
margin: 0; padding: 0;
border: none;
box-sizing: border-box;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari */
}

.clear {
clear: both;
}

html {
margin: 0;
width: 100%;
height: 100%;
/* min-width: 640px; min-height: 480px;*/
}

body {
margin: 0; /*Top and Bottom 0, Left and Right auto */
width: 100%;
height: 100%;
}

.body #main_wrapper {
margin: 0;
width: 100%;
height: 100%;
backgroud: #f00;
}

最佳答案

    #form1 #main_wrapper {
margin: 0;
width: 100%;
height: 100%;
background:#f00;
min-width: 640px;
min-height: 480px;
}

关于html - 背景的 100% 高度不起作用(尽管 html 和正文高度 100%),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19085370/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com