div { width: 200px; height: 100px; overflow: auto; }
在以上代码中,大家设置了一个div元素的宽度为200px,高度为100px,并设置了overflow属性为auto。当div内的内容超出100px高度时,浏览器会显示垂直滚动条。而当内容未超出100px时,浏览器不会显示滚动条。
div { width: 200px; height: 100px; overflow: hidden; }
在以上代码中,大家设置了一个div元素的宽度为200px,高度为100px,并设置了overflow属性为hidden。当div内的内容超出100px高度时,溢出部分将被裁剪掉,而浏览器不会显示滚动条。
div { width: 200px; height: 100px; overflow: scroll; }
在以上代码中,大家设置了一个div元素的宽度为200px,高度为100px,并设置了overflow属性为scroll。无论div内的内容是否溢出,浏览器都会显示垂直滚动条。
总之,CSS的overflow属性可以让大家控制元素内部内容的溢出情况以及是否显示滚动条。