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

Question

这是简单的代码：

<div id="container">    

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

</div> 

当我改变了“信息”宽1000，容器宽度100，“信息”变得很长，但我想，让里面的信息DIV div ...我的意思是，如果信息的宽度比容器长，我希望容器有一个滚动条。我该怎么做？谢谢。

Answer 1

#container { 
    overflow: auto; 
} 

引进小区域

Answer 2

在样式表中设置overflow: auto。

这就是说，它几乎总是更好地利用可用空间，而不是用自己的滚动条（这是很难对付与AT，以及需要更频繁地滚动阅读）

Answer 3

这应该做的伎俩：

#container 
{ 
    overflow: auto; 
} 

Answer 4

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

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

或

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