可滚动的 div 获得大量不必要的空白空间 [已关闭]

Scrollable div gaining a lot of unnecessary empty space [closed]

提问人:Ivan Hirskyy 提问时间:11/14/2023 最后编辑:Ivan Hirskyy 更新时间:11/14/2023 访问量:35

问:


编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答这个问题。

9天前关闭。

我有一个垂直滚动 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属性,但它仍然这样做。

HTML CSS sass 滚动

评论

2赞 CBroe 11/14/2023
CSS的一小段本身告诉我们的很少 - 在问这种问题时,请提供一个适当的最小可重复的问题示例

答:

-2赞 Bruno Braga 11/14/2023 #1

这通常发生在内部有一个元素既隐藏 () 又以某种方式在内容高度之外增长时。opacity: 0;position: absolute;

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