gpt4 book ai didi

css - 相对于窗口的动态 div 高度

转载 作者:太空宇宙 更新时间:2023-11-04 00:00:34 24 4
gpt4 key购买 nike

我的html结构是

<body>
<div class="divHead"></div>
<div class="divBody"></div>
</body>

我想做的是给 divHeader 一个固定的高度,比方说 100px,让 divBody 正好扩展到页面的末尾,没有浏览器的滚动条。

所以,如果用户的窗口是 1000px,正文将是 900px 等等...

如果我将 divBody 高度设置为 100%,它将占据主体的 100%,这意味着将在页面中创建一个滚动条。

提前致谢

最佳答案

你可以使用绝对定位:FIDDLE: http://jsfiddle.net/Z4vNN/2/

.divHead {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100px;
background-color: red;
}

.divBody {
position: absolute;
top: 100px;
left: 0;
right: 0;
bottom: 0;
background-color: green;
overflow: auto;
}

关于css - 相对于窗口的动态 div 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16899711/

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