
作用:处理内容溢出
.xxx{overflow:auto; //x、y轴启用overflow:scroll; //x、y轴启用overflow-x:scroll;//只控制x轴width:500px; //x轴要有宽度overflow-y:scroll;//只控制y轴height:500px; //y轴要有高度overflow:hidden; //隐藏不滚动}
| 值 | 描述 |
|---|---|
| visible | 默认值。内容不会被修剪,会呈现在元素框之外。 |
| hidden | 内容会被修剪,并且其余内容是不可见的。 |
| scroll | 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 |
| auto | 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 |
| inherit | 规定应该从父元素继承 overflow 属性的值。 |
用法:一般来说用在比较上层的div里,因为会受padding、margin的影响,可以用
.xx{height:98vh;overflow:auto;}
表示:div高度等于屏幕高度98%
开启自动启用轴