我有一个位置:绝对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/

10-12 12:58
查看更多