[Back To Basic] CSS overflow

overflow

• 發動條件: 區塊有設定 height 時

當內文超出一個區塊時，共有四種應對方式

• 1. overflow: visible(預設值)

當內文超出時，超出的內文會被保留(看得見)

• 2. overflow: hidden

當內文超出時，超出的內文會被裁切掉(看不見)

• 3. overflow: scroll
• 當內文超出時，超出的內文會被裁切掉，並且加上滾軸，滾動可看到所有內文
• 水平和垂直的滾軸會同時被加上，即便不需要

• 4. overflow: auto

跟 overflow: scroll 類似，但只有在必要時會加上滾軸。

overflow-x and overflow-y

• overflow-x

針對水平滾軸的設定

• overflow-y

針對垂直滾軸的設定

source code