解除文繞圖的clear屬性概念說明

張貼者: william pai On 中午12:04
當Box1設定float屬性時,其後的Box2未做任何float屬性,則Box2自動遞補原Box1的行段空間。但是,為了避免兩塊區域重疊會自動產生文繞圖的效果,其概念圖示如圖一效果。

如果,Box2不想產生文繞圖效果的話,可使用clear的屬性,清除上方Box1的float所產生的文繞圖效果。其原理是,在Box2設定clear屬性,Box2的上邊界會自動調整,讓其位置移至到設定了float的Box1的位置下方。其概念圖如圖二效果。
css的clear屬性說明

0 Response to "解除文繞圖的clear屬性概念說明"

張貼留言