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

Question

这是简单的代码：

<div id="container">            

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

</div>   

当我将"information"的宽度改为1000，容器的宽度改为100时，"information"变得非常长，但我希望让信息div保持在div内...我的意思是，如果信息宽度大于容器宽度，我想让容器有一个滚动条。我该怎么做？谢谢。

- Tattat

---

谢谢代我提问！ - Vivian River

Answer 1

#container {
    overflow: auto;
}

- Tatu Ulmanen

Answer 2

这应该能解决问题：

#container
{
    overflow: auto;
}

- Robert Koritnik

Answer 3

在样式表中设置overflow: auto。

话虽如此，更好的做法几乎总是利用可用空间，不要引入具有自己滚动条的小区域（这些区域更难以处理，需要更频繁地滚动才能阅读）。

- Quentin

Answer 4

或者使用 overflow-x 和 overflow-y 来限制滚动只在垂直或水平方向。

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

或者

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

- elMarquis