overflow 溢出
最后更新于:2022-04-02 03:17:33
[TOC]
## 溢出
用于控制元素如何处理超出容器的内容的功能类。
| Class | Properties | 备注|
| --- | --- | --- |
| overflow-auto | overflow: auto; | 任何溢出元素边界的内容都将是可见的|
| overflow-hidden | overflow: hidden; | 在一个元素的内容溢出该元素的边界时为其添加滚动条|
| overflow-visible | overflow: visible; | 来剪切元素中任何溢出该元素边界的内容|
| overflow-scroll | overflow: scroll; | 添加x,y轴滚动|
| overflow-x-auto | overflow-x: auto; | 允许水平滚动|
| overflow-y-auto | overflow-y: auto; |允许垂直滚动|
| overflow-x-hidden | overflow-x: hidden; |
| overflow-y-hidden | overflow-y: hidden; |
| overflow-x-visible | overflow-x: visible; |
| overflow-y-visible | overflow-y: visible; |
| overflow-x-scroll | overflow-x: scroll; |允许水平滚动,并始终显示滚动条|
| overflow-y-scroll | overflow-y: scroll; |允许垂直滚动,并始终显示滚动条|
实例
```
';
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto cumque esse in molestias neque, nobis pariatur perferendis saepe! Amet aperiam consectetur corporis, dolore est impedit ipsa optio quod saepe voluptates?
```