如何启用滚动而不是将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;

Answer 2

添加样式

overflow: scroll;

到#content