如何使div成为带滚动条的容器？

Question

这是简单的代码：

<div id="container">            

    <div id = "information">
    </div>

</div>   

当我将“信息”改为宽度1000，容器宽度为100时，“信息”变得很长，但我想把信息div放在div里面......我的意思是，我希望容器有滚动条，如果信息的宽度比容器长。我怎么能这样做？谢谢。

Answer 1

#container {
    overflow: auto;
}

Answer 2

这应该可以解决问题：

#container
{
    overflow: auto;
}

Answer 3

在样式表中设置overflow: auto。

也就是说，利用可用空间几乎总是更好，而不是引入带有自己滚动条的小区域（更难处理AT，需要更频繁地滚动阅读）

Answer 4

或使用overflow-x和overflow-y将滚动限制为垂直或水平。

#container { overflow-x: auto; } /* Horizontal scrolling only */

或

#container { overflow-y: auto; } /* Vertical scrolling only */