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;

您可以查看here了解此案例的不同风格

Answer 3

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

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

e.g。

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

如何隔离Div中的内容

3 个答案: