overflow
属性可以设置以下几个值:
visible
:默认值,内容不会被修剪,会呈现在元素框之外。hidden
:内容会被修剪,超出部分不会被显示。scroll
:内容会被修剪,超出部分会呈现出滚动条。auto
:浏览器会自动决定应该何时显示滚动条。inherit
:从父元素继承 overflow
属性。其中,visible
指的是内容可以超出容器框,而 hidden
和 scroll
则是对内容进行修剪,但 hidden
不会显示滚动条,而 scroll
会显示出滚动条供用户进行操作。auto
则是浏览器自动判断是否需要显示滚动条。
示例代码:
div {
width: 200px;
height: 100px;
overflow: scroll; /*显示滚动条*/
}
更多关于 overflow
属性的内容,可以访问 MDN 文档。