在Flex布局中，justify-content: flex-end 设置元素的左右对齐方式为 flex-end，意味着元素在垂直方向上占据空间的宽度将按从左到右的顺序分布，而不是像flex-start那样按从上到下。

overflow-x: scroll 是一个用来设置元素在 overflow 类型下的 scroll 属性，它允许你实现垂直滚动的效果。当你在 Flex布局中使用 justify-content: flex-end 时，当元素的垂直宽度不足以完全填充容器时，overflow-x: scroll 会阻止元素向容器方向滚动。

然而，当你使用 justify-content: flex-end 时，overflow-x: scroll 的效果可能不是你预期的。当你设置 overflow-x: scroll 时，由于元素在垂直方向上占据空间的宽度为 flex-end，当容器的高度足够时，元素的垂直部分可能会超出容器的高度，从而触发 overflow-x: scroll。这是因为当元素的垂直部分超出容器的高度时，如果没有其他容器对其进行处理，overflow 类型下的 scroll 属性将会被触发。

为了避免这种情况，你可以使用 overflow: hidden 或者 overflow-y: auto 来覆盖 overflow-x: scroll。以下是一个例子：

```html

```

在这个例子中，overflow-x: hidden 覆盖了 overflow-x: scroll，当元素的垂直部分超出容器高度时，不会触发 overflow-x: scroll。此时，justify-content: flex-end 设置的元素将按照从左到右的顺序分布，而 height: 100vh 用于设置元素的高度，使其占据容器的高度，从而实现垂直滚动的效果。

请注意，这将覆盖 overflow-y: auto，因此即使元素的垂直部分未完全填充容器，overflow-y: auto 也会阻止元素向容器方向滚动。如果你需要在容器的垂直部分垂直滚动，但同时不覆盖 overflow-y: auto，你可能需要使用 overflow-y: scroll，而不是 overflow-y: auto，或者使用 overflow-y: auto 和 overflow-x: scroll 同时设置，以确保元素的垂直部分垂直滚动，同时不会覆盖 overflow-y: auto。