[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; |允许垂直滚动，并始终显示滚动条| 实例 ``` <div class="overflow-x-hidden w-48 h-48 bg-red-100">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?</div> ```