我有一个位置:绝对div,顶部:114px,溢出:自动。我添加了高度:div的高度为100%,滚动条显示出来,但是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/