html - 如何启用滚动而不是将 div 压缩在一起

Question

在我的网站上，它是一个基于 div 的布局，当窗口被调整时，所有东西都被推到一起。例如图像重叠或移动到彼此下方，div 也相互重叠。

当 div 的内容大于窗口大小时，我怎样才能让它滚动，类似于 facebook，如果你调整窗口大小，它会阻止任何重叠，只会让用户滚动？

body
{
    background-color: #B0B0B0;
    color: #ffffff;
    margin-top: 0px;
    margin: 0px;        
}

#header
{   
    width: 100%;
    height: 100px;
    margin: 0px;
    padding: 0px;
}

#content
{

    width: 80%;
    height: 800px;  
    margin-top: 50px;       
    margin-left: auto;
    margin-right: auto;
    padding: 30px;      
}

<div id="header">
[Header]
</div>
<div id="content">
[Content]
<img src="image1.png" /><img src="image2.png"/><img src="image3.png" />
</div>

html 就是这样，但显然内容更多

希望我没有让这太困惑，谢谢。

Answer 1

只需将 overflow:auto; 添加到您的 div。

如果你只想要 x 或 y 滚动，你也可以使用下面的

overflow-x:auto;

或

overflow-y:auto;