如何隔离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; 
}