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