html - Div 滚动和::在元素外部之后

Question

我有一个 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 之外？发现了一些类似的问题，但似乎没有一个解决方案适合我。

Answer 1

我现在通过简单地在原来的 div 中添加另一个 div 解决了这个问题

div.original div.inside {
   overflow-y: auto;
   position: relative;
   width: 100%;
   height: 100;
}

并从原来的 div 中移除溢出部分。您还需要一个 div，但这似乎是最简单、最干净的解决方案。