如何隔離Div

Question

中的內容，正如我們所知，固定大小的div的內容將不在div中，以防萬一需要更多空間。 ex：http://jsfiddle.net/YaTeG/ 現在我的問題是如何阻止它沒有任何js？我的意思是像一個iframe！如果我們需要更多的空間，它會有滾動條。

Answer 1

如果你像這樣更新你的css;

#wrapper { 
    position: absolute; 
    width: 200px; height: 200px; 
    top: 20px; left: 20px; 
    background-color: #ff0; 
    border: 2px solid #000; 
    overflow:auto; 
} 

當您的內容大於div時，它將autho自動滾動。

overflow:auto; 

你可以看看here不同的風格這種情況下

Answer 2

使用overflow屬性。

• ，如果你希望它被切割overflow: hidden，或
如果你想出現滾動條的情況下，內容太長
• overflow: auto。

Answer 3

overflow屬性控制兩個滾動條的水平和垂直。如果您想進一步控制，可以爲每個滾動條分別設置overflow屬性。

overflow-x屬性控制水平滾動條和overflow-y - 爲對垂直

例如

.some_element{ 
    overflow-x: hidden; 
    overflow-y: auto; 
}