CSS Overflow(溢出)

溢出属性指定当元素的内容溢出（不适合）元素的框时发生的行为。

处理溢出内容

元素的内容可能大于框本身的尺寸。例如，给定的width和height属性不允许足够的空间容纳元素的内容。

CSS溢出属性，使您可以指定是剪切内容，渲染滚动条还是显示块级元素的溢出内容。

该属性可以是下列值之一：visible (默认), hidden, scroll, and auto。CSS3还定义了overflow-x和overflow-y属性，以允许独立控制垂直和水平裁剪。

示例

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

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