gpt4 book ai didi

css - 让div使用屏幕的所有剩余高度

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

<分区>

我需要让 .content div 使用剩余的屏幕高度。我不知道 .header 的高度是多少 - 我不能使用 calc(100vh - headerHeight)

HTML结构

<html>
<body>
<div class="header">header</div>
<div class="content">content</div>
</body>
</html>

CSS

html, body {
height: 100%;
}

尝试过

.content {
display: flex;
flex-grow: 1;
}

使用 100vh 不起作用,因为它产生了一些垂直滚动(具有 .header 的高度)

.content {
height: 100vh
}

应该是这样的

+-------------------------------+
| header |
+-------------------------------+
| |
| |
| content |
| |
| |
+-------------------------------+

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