css内容溢出处理 – CSS高级教程-srcmini

overflow属性指定元素内容溢出(不适合)元素方框时发生的行为。

处理内容溢出

可能会出现这样的情况，即元素的内容可能大于框本身的维数。例如，给定的宽度和高度属性没有足够的空间容纳元素的内容。

允许你指定是裁剪内容、呈现滚动条还是显示块级元素的溢出内容的CSS溢出属性block-level。

此属性可以采用以下值之一:：visible (default), hidden, scroll和auto，CSS3还定义了overflow-x和overflow-y属性，允许独立控制垂直和水平裁剪。

div {
    width: 250px;
    height: 150px;
    overflow: scroll;
}

值	描述
visible	默认值。内容不被剪切;它将被呈现在元素框之外，因此可能与其他内容重叠。
hidden	元素框中溢出的内容将被剪切，其余内容将不可见。
scroll	溢出的内容被剪切，就像隐藏一样，但是提供了一个滚动机制来访问溢出的内容。
auto	如果内容溢出元素的框，它将自动提供滚动条来查看其余的内容，否则滚动条将不会出现。