CSS中的overflow属性用于控制元素内容的溢出显示,并提供了以下值:
visible
:表示不裁剪内容,即使超出容器也可以显示。hidden
:表示裁剪超出容器范围的内容,不可见。scroll
:表示显示滚动条,当内容超出容器时可以滚动查看。auto
:表示根据内容是否超出容器决定是否显示滚动条。clip
:表示裁剪超出容器范围的内容, 不可滚动。其中,hidden
和 scroll
常用于控制容器内部内容的显示方式,而 auto
则是默认值,在需要时自动显示滚动条。而 visible
和 clip
的使用场景比较有限,通常在特殊情况下使用。
需要注意的是,overflow
只作用于具有固定尺寸的容器(如设置了宽度和高度),对于没有设置宽高的容器并不生效。
关键词:overflow、visible、hidden、scroll、auto、clip、裁剪、滚动条