gpt4 book ai didi

css - 以 100% 高度显示滚动条的末尾

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

我有一个position:absolute div,顶部:114px 和溢出:自动。我将 height: 100% 添加到 div,滚动显示但 div 的底部被覆盖,包括滚动的末尾。如何让卷轴底部显示出来?

我试图将 div 更改为 position: relative;溢出:自动;顶部:0px;高度:100%;但没有显示滚动条。

有人帮忙吗?

谢谢。

最佳答案

我不完全确定你想要实现什么行为,但我想你需要的只是添加“bottom: 0px;”到您绝对定位的 div。

整个解决方案:

body {
overflow: hidden; /* Page doesn't scroll... */
padding: 0;
margin: 0;
}

.content {
position: absolute;
overflow-y: scroll; /* ...but the content does. */
overflow-x: auto;
top: 114px;
bottom: 0px;
width: 100%;
background-color: #ffdf00;
}
<body>
<div class="content"></div>
</body>

https://jsfiddle.net/tzyzmxjv/1/

关于css - 以 100% 高度显示滚动条的末尾,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30590934/

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