html - 当 child 伸出 window 时，我的 flexbox 下方出现大空间

Question

我正在尝试使用 flexboxes 创建水平图像滚动，我对它还很陌生。我对它的能力非常满意，但有一件事我想不通。

因此，只要父项和子项都在窗口的宽度内，这似乎就没问题，但是一旦子项(以及父项)超出了窗口的宽度，某些东西就会导致它给窗口一些额外的高度。我看了很多视频并用谷歌搜索了很多。我不知道这是什么。

这是我的 SCSS:

.images {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 70px);
    z-index:0;
    display: flex;
    flex-direction: row;
    .image {
        width: 100vw;
        height: 100%;
        overflow: hidden;
        border-right: 4px solid white;
    }
}

Answer 1

好吧，我明白了。我没有声明 overflow-y: hidden。子容器中有一张图片使我的整个文档变高了。是的，我没有提供足够的信息来正确回答这个问题。