HTML CSS overflow 溢出属性

HTML CSS 溢出 overflow 属性控制对太大而区域无法容纳的内容的处理方式。

overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。
overflow 属性可设置以下值:
visible – 默认。溢出没有被剪裁。内容在元素框外渲染
hidden – 溢出被剪裁,其余内容将不可见
scroll – 溢出被剪裁,同时添加滚动条以查看其余内容
auto – 与 scroll 类似,但仅在必要时添加滚动条
注释:overflow 属性仅适用于具有指定高度的块元素。
注释:在 OS X Lion(在 Mac 上)中,滚动条默认情况下是隐藏的,并且仅在使用时显示(即使设置了 “overflow:scroll”)。

overflow: visible
默认情况下,溢出是可见的(visible),这意味着它不会被裁剪,而是在元素框外渲染。

overflow: hidden
如果使用 hidden 值,溢出会被裁剪,其余内容被隐藏。

overflow: scroll
如果将值设置为 scroll,溢出将被裁剪,并添加滚动条以便在框内滚动。请注意,这将在水平和垂直方向上添加一个滚动条(即使您不需要它)。

overflow: auto
auto 值类似于 scroll,但是它仅在必要时添加滚动条。

overflow-x 和 overflow-y
overflow-x 和 overflow-y 属性规定是仅水平还是垂直地(或同时)更改内容的溢出:
overflow-x 指定如何处理内容的左/右边缘。
overflow-y 指定如何处理内容的上/下边缘。

如果你发现错误或有其他见解,请给www.zhuei.com留言,我们会尽快更新本文!

发表评论

邮箱地址不会被公开。 必填项已用*标注