如何使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 */