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