快速认识CSS中的overflow属性

即使页面上只有一个元素它也是一个矩形的盒模型。其大小、位置、行为都可以通过CSS来控制。这里的行为是指当盒模型内部以及周围的内容发生变化时的表现。例如，如果你没有给一个盒模型指定一个高度，那么它就会随着内容的增加变得越来越高。但是如果当你为盒模型指定一个高度、而其内部的内容不能与其完全匹配时又会怎么样呢？这时就要用到CSS中的overflow属性了，它允许你来设定如何处理多余的内容。

overflow有四个属性：visible（默认属性）、hidden、scroll和auto。此外它还有两个姊妹属性:overflow-x和overflow-y，这两个使用的相对较少。

让我们看看每个属性的具体使用方法。

Visible

如果你没有设定overflow属性，其默认值就是visible。因此，一般意义上说没有必要刻意声明其属性值为visible，除非是要覆盖基之前继承的属性。

需要注意的一点是，虽然盒模型内部的内容溢出到外围，但是不影响其它元素的浮动。

一般说来，对于内部有文本内容的盒模型来说不能简单地设定一个固定高度。