概述：溢出元素內容區的內容會如何處理

取值

overflow: visible;溢出顯示，默認值 overflow: hidden;溢出隱藏 overflow: scroll;溢出顯示滾動條，橫向和縱向滾動條都顯示 overflow: auto;自動，內容溢出時，顯示滾動條

overflow-x 只包括水平方向。

overflow-y 只包括垂直方向

body{/* overflow:hidden ; *//* overflow-x 只包括水平方向。overflow-y 只包括垂直方向。 */overflow-x: hidden;overflow-x: visible;overflow-x: scroll;overflow-x: auto; ?overflow-y: hidden;overflow-y: visible;overflow-y: scroll;overflow-y: auto; ?} ? <img src="./images/yk.png" alt="">

應用

• 產品描述的溢出隱藏

• 模塊溢出顯示滾動條

總結

以上是生活随笔為你收集整理的overflow详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。