CSS 溢出
overflow
属性指定元素的内容溢出元素框(不匹配)时发生的行为。
处理溢出的内容
可能存在元素的内容可能大于框本身的尺寸的情况。例如,给定的宽度和高度属性不允许有足够的空间容纳元素的内容。
CSS overflow
属性允许你指定是否裁剪内容,显示滚动条或显示块级元素的溢出内容。
该属性可以是下列值之一: visible
(默认), hidden
, scroll
和 auto
。CSS3 还定义了允许独立控制垂直和水平裁剪的和属性 - overflow-x
和 overflow-y
。
div {
width: 250px;
height: 150px;
overflow: scroll;
}
值 | 描述 |
---|---|
visible |
默认值。内容未被剪裁; 它将在元素框外部呈现,因此可能与其他内容重叠。 |
hidden |
溢出元素框的内容将被剪切,其余内容将不可见。 |
scroll |
溢出的内容被剪切,就像隐藏一样,但提供了一种滚动机制来访问溢出的内容。 |
auto |
如果内容溢出元素的框,它将自动提供滚动条以查看其余内容,否则不会显示滚动条。 |