在我

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

问题是，一旦我将溢出auto添加到div，隐藏了after元素。如何获得滚动条并在div之外使用after元素？ 发现了一些类似的问题，但没有一个解决方案对我有用。

Answer 1

我现在通过在原始的

中添加另一个div来解决这个问题

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

并从原始div中删除溢出。你还需要一个div，但这似乎是最简单，最干净的解决方案。