可滚动 div 获得了大量不必要的空白空间

Question

我有一个垂直滚动 div，它获得了很多空白空间，我在使用overflow-y auto 时从未遇到过这个问题。

看这个印刷品 -

父级只有这个CSS

.instance-info {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-24);
    overflow-y: auto;
    @include custom-scrollbar;
    padding-right: var(--spacing-8);
    }

我尝试删除几乎所有的 css 属性，但它仍然如此。

Answer 1

当内部有一个元素既隐藏（

opacity: 0;

），

position: absolute;

并且以某种方式生长到内容高度之外时，通常会发生这种情况。

父 div 可以按内容的高度 + 隐藏的绝对元素滚动。