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