css 如何修复我的网站中的垂直滚动条?

vmdwslir  于 2022-12-27  发布在  其他
关注(0)|答案(1)|浏览(149)

我有一个容器,添加了一个垂直滚动条,我不知道如何修复它

.albums {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    gap: 10px;
    flex-wrap: wrap;
    overflow: auto;
}

我试图垂直对齐容器内的项目,所以我添加了最小高度,但现在我有一个垂直滚动条在我的网站。

qgzx9mmu

qgzx9mmu1#

相册对象的内容溢出了它的区域。通过设置溢出为自动,当内容在任何方向变大时,会显示一个滚动条。
我觉得你应该用这个:

overflow-x: auto;
overflow-y: hidden;

或者如果你根本不想有任何滚动条,可以将overflow属性设置为hidden。有关overflow属性的更多信息,请访问:https://www.w3schools.com/cssref/pr_pos_overflow.php
但要注意的可能性,无形的内容流到外面的相册框。

相关问题