從 DOM 技術的角度看,網頁中每一件物件都是「箱」狀的,一段文字、一幅圖像、一個連結,它們的長度、闊度、位置等等都可以由 CSS 控制,若果你沒有設定箱子的大小,它會隨著內容的多寡而自行調整,確保容納並顯示所有內容,但若果箱子的大小被限制了,卻又無法容納所有內容的時候,這時便是 CSS 的 overflow 屬性發揮作用的時候。
CSS Tricks 網站上 Chris Coyier 有一篇文章介紹 CSS 的 overflow 屬性,文章說,Overflow 的值可以是:visible (預設)、hidden、scroll 及 auto,它還有兩個「姊妹」屬性 overflow-x 及 overflow-y,但不是所有瀏覽器都支援。
Visible
若果你沒有設定 overflow 的值,預設就是 visible,所以除非你要撤銷從上層物件繼承下來的值,否則並不需要做這樣的設定。
.box {overflow: visible; }
樣本輸出: ......閱讀全文 >>>