gpt4 book ai didi

html - 设置固定的 HTML 页面高度大小

转载 作者:行者123 更新时间:2023-11-28 17:18:40 24 4
gpt4 key购买 nike

我想设置表格的大小,以便我可以使用行内滚动。所以表格高度需要是页面的剩余高度,但永远不会变大。而且我不想要像像素大小这样的硬修复。我希望它根据窗口大小而变化。有人知道这个的 css 吗?

最佳答案

您可以使用 vh 单位,但如果您希望表格高度为“页面的剩余高度”,则需要为页面上的布局元素指定高度。

什么是vh1vh 是视口(viewport)高度的 1%,即页面加载时窗口内的高度。 100vh 是视口(viewport)高度的 100%。我不相信调整窗口大小时会调整高度。

<style type="text/css">
div#header {
height: 25vh;
overflow: scroll;
}
div#table {
height: 75vh;
overflow: scroll;
}
</style>
<body>
<div id="header">This text explains the contents of the table below.</div>
<div id="table"><table>...</table></div>
</body>

关于html - 设置固定的 HTML 页面高度大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28195445/

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