gpt4 book ai didi

html - 如何让 div 自动采用屏幕上剩余的高度?

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

例如:我在 body 中只有两个 div, body 的高度是 100%:

<body>
<div id="menuBar" style="height:30px"></div>
<div id="content"></div>
</body>

我希望#content 可以自动采用浏览器窗口中剩余的高度

最佳答案

首先:你为什么要这样做?通常这样的事情是没有必要的,你只需要看起来好像内容填充了窗口的其余部分,并且根据你的实际目标有更好的解决方案。

特别是“菜单栏”的固定高度(以像素为单位)会出现问题 - 请记住,不可能强制用户使用特定的字体大小!

如果您真的知道这是您想要的,那么您可以绝对定位content:

#content {
position: absolute;
top: 30px;
bottom: 0;
left: 0;
right: 0;
}

(但 IE6 不支持。)

关于html - 如何让 div 自动采用屏幕上剩余的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5645896/

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