Question

我有一个位置：绝对div，顶部：114px，溢出：auto。我添加了高度：100％到div，滚动显示但div的底部被覆盖，包括滚动的结尾。如何使滚动的底部显示？

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

有人帮忙吗？

谢谢。

Answer 1

我不完全确定你想要达到什么样的行为，但我想你需要的只是添加＆＃34;底部：0px;＆＃34;到你绝对定位的div。

整个解决方案：

＆＃13;

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;    
}

＆＃13;

<body>
    <div class="content"></div>
</body>

＆＃13;

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

以100％的高度显示滚动条的结尾

1 个答案: