我正在尝试创建一个没有固定高度父级的滚动元素。我希望#SECTION1我的代码可以滚动以显示其余的图像。我似乎找不到办法做到这一点。我试图设置#SECTION1一个固定的高度，但它迫使我的图像被压扁。任何帮助，将不胜感激。谢谢你。
这是我的代码：
* {
box-sizing: border-box;
margin: 0;
padding: 0;
text-decoration: none;
}
::-webkit-scrollbar {
width: 15px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
html,
body {
margin: 0;
padding: 0;
height: 100vh;
overflow: hidden;
}
/*----------SECTION 1----------*/
header {
height: 80px;
background-color: black;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
#header-wrapper {
display: …