我有一个 div 菜单,它具有固定大小(例如高度的 100%)。内容可能会更大。然后它必须滚动。
div {
overflow-y: auto;
width: 10%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
div 上还有一个 :after 元素,它绝对位于 div 之外。
div::after {
content: "";
position: absolute;
left: 10%;
top: 45%;
height: 10%;
width: 5%;
}
问题是,一旦我将 overflow auto 添加到 div,after 元素就会被隐藏。我如何获得滚动条并将 after 元素置于 div 之外? 发现了一些类似的问题,但似乎没有一个解决方案适合我。
最佳答案
我现在通过简单地在原来的 div 中添加另一个 div 解决了这个问题
div.original div.inside {
overflow-y: auto;
position: relative;
width: 100%;
height: 100;
}
并从原来的 div 中移除溢出部分。您还需要一个 div,但这似乎是最简单、最干净的解决方案。
关于html - Div 滚动和::在元素外部之后,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30878103/