css - 如何隔离Div中的内容

Question

众所周知，固定大小的 div 的内容会从 div 中流出，以防它们需要更多空间。例如： http: //jsfiddle.net/YaTeG/ 现在我的问题是如何在没有任何 js 的情况下阻止它？我的意思是像一个 iframe ！如果我们需要更多空间，它有滚动条。

Answer 1

使用该overflow物业。

• overflow: hidden如果你想剪掉它，或者
• overflow: auto如果您希望滚动条出现以防内容太长。

Answer 2

如果你像这样更新你的CSS；

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

当您的内容大于 div 时，它将自动滚动。

overflow:auto;

您可以在这里查看此案例的不同风格

Answer 3

overflow属性控制水平和垂直滚动条。如果您想进一步控制，您可以overflow为每个滚动条单独设置属性。

overflow-x属性控制水平滚动条和overflow-y- 用于垂直

例如

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