overflow学习笔记

1.overflow值
1）visible: 默认值，内容正常显示在元素边框外，不会被修改；
2）hidden: 超过范围的内容被裁减，不提供滚动条；
3）scroll：超过范围的内容被裁减，提供滚动条，即使内容显示不超过范围时，也显示滚动条；
4）auto：当内容显示不超过范围时，正常显示，当内容显示超过范围时，进行裁减，并提供滚动条；

注：
当overflow-x或者overflow-y的值一个为‘hidden’，另一个值为'visible'，则此时的'visible'效果等同于'auto'。

image.png