2025 iThome 鐵人賽
分享至
當區塊容器元素的內容超過了容器的範圍，就可能會發生「overflow 溢出」的狀況，透過 CSS 的 overflow 樣式屬性，就能定義是否裁切溢出的內容，或將溢出的內容隱藏並產生捲軸，這個單元會介紹 overflow 樣式相關屬性值，以及延伸的 overflow-x、overflow-y 樣式屬性用法。
影片重點：
00:00:57 認識 overflow 00:01:46 overflow 屬性值 visible 和 hidden 00:02:53 overflow 屬性值 scroll 00:04:02 overflow 屬性值 auto 00:04:43 overflow 使用兩個屬性值 00:06:37 overflow-x、overflow-y 撰寫語法 00:08:22 overflow 與 position 定位關係
相關參考：
教學文：CSS overflow 內容溢出與裁切 影片連結：https://www.youtube.com/watch?v=OuQ_AsoYhG0
更多參考： Youtube 頻道：https://www.youtube.com/@steam.oxxostudio CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html
更多參考：
IT邦幫忙
iThome鐵人賽
看影片追技術