CSS的clear

  • 0
剛學CSS的人一定會覺得clear屬性很漠生,這屬性在寫CSS時會很常用到嗎?我其實也有相同的疑問。
查了書上寫的解釋,它其實是用來解除文繞圖的,其屬性:
  • left:解除元素置左的文繞圖。
  • right:解除元素置右的文繞圖。
  • both:同時解除左右側的文繞圖。
  • none:不解除文繞圖。
比較常用到的是clear:both,多拿來修正float區塊等問題,如果有遇到"修正因為 float 導致區塊無法撐開的問題",這篇寫的滿完整的,有遇到類似問題的可以直接看這篇。

通常在CSS裡也可以寫成:
.clear {zoom:1; clear:both;}
用法就是在你想要解除文繞圖時:

p class="clear"

CSS寫法太多種了,這是其中一種方式,或許有更好的方式,也可以補充喲。

參考資料:
張貼留言