overflow

摘要

overflow 属性作用于 block 型元素上，它指定如何裁剪其内容，是否显示滚动条，以及如何显示超出它的大小的内容。

• 默认值 : visible
• 作用范围: non-replaced block-level elements, table cells, and inline-block elements
• 可继承 : 否
• Percentages: n/a
• Media: Media:Visual
• 计算值 : as specified

语法

overflow: visible | hidden | scroll | auto | inherit

取值

visible  

浏览器不对超出大小的内容进行裁剪，而是直接将超出的部分显示出来。

hidden  

裁剪超出大小的内容，且不显示滚动条。

auto  

超出大小后自动显示滚动条。

scroll  

不管是否有超出的内容，始终显示滚动条。这可以避免在一个动态变化的内容中滚动条在显示与隐藏间切换而造成的问题。

inherit

示例

View Live Examples

.sidebox {
  width: 300px;
  overflow: auto;
}

注释

规范

• CSS 2.1
• CSS 3 box

浏览器兼容性

(简单兼容性表)

参见

overflow-x , overflow-y , clip , display