CSS 溢出

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

处理溢出的内容

可能存在元素的内容可能大于框本身的尺寸的情况。例如,给定的宽度和高度属性不允许有足够的空间容纳元素的内容。

CSS overflow 属性允许你指定是否裁剪内容,显示滚动条或显示块级元素的溢出内容。

该属性可以是下列值之一: visible (默认), hiddenscrollauto。CSS3 还定义了允许独立控制垂直和水平裁剪的和属性 - overflow-xoverflow-y

div {
    width: 250px;
    height: 150px;
    overflow: scroll;
}
描述
visible 默认值。内容未被剪裁; 它将在元素框外部呈现,因此可能与其他内容重叠。
hidden 溢出元素框的内容将被剪切,其余内容将不可见。
scroll 溢出的内容被剪切,就像隐藏一样,但提供了一种滚动机制来访问溢出的内容。
auto 如果内容溢出元素的框,它将自动提供滚动条以查看其余内容,否则不会显示滚动条。