[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> ```