gpt4 book ai didi

html - 使 Div 高度为屏幕的 100%

转载 作者:行者123 更新时间:2023-11-28 04:42:26 24 4
gpt4 key购买 nike

我一直在阅读所有关于 100% div 高度的讨论,但找不到简单的解决方案。如何让我的 div 占据屏幕的所有垂直高度?

这是我的代码:

CSS

#mother {
width: 100%;
margin: 0 auto;
z-index: 1;
}
#stripe_wrap {
width: 1053px;
min-height: 500px;
margin: 0 auto;
background: lime;
}
#stripe1 {
width: 39px;
min-height: 500px;
margin: 0px 0px 0px 0px;
background: #000;
float: left;
}
#stripe2 {
width: 39px;
min-height: 500px;
margin: 0px 0px 0px 0px;
background:#000;
float: right;
}

html

<div id="mother" style="overflow-x: hidden;">
<div id="stripe_wrap">

<div id="stripe1"></div>
<div id="stripe2"></div>

</div>
</div>

最佳答案

你必须制作 <body>标签的高度也为 100%,否则它会被垂直截断以适合内容。

还要确保将 <body> 的边距到 0px,否则它将变为 100%_of_visible_area + 边距,从而导致垂直滚动条。

关于html - 使 Div 高度为屏幕的 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4280080/

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