CSS的clear

woff

剛學CSS的人一定會覺得clear屬性很漠生，這屬性在寫CSS時會很常用到嗎？我其實也有相同的疑問。
查了書上寫的解釋，它其實是用來解除文繞圖的，其屬性：

• left:解除元素置左的文繞圖。
• right:解除元素置右的文繞圖。
• both:同時解除左右側的文繞圖。
• none:不解除文繞圖。
  

比較常用到的是clear:both，多拿來修正float區塊等問題，如果有遇到"修正因為 float 導致區塊無法撐開的問題"，這篇寫的滿完整的，有遇到類似問題的可以直接看這篇。

通常在CSS裡也可以寫成：

.clear {zoom:1; clear:both;}

用法就是在你想要解除文繞圖時：

p class="clear"

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

參考資料：

• 修正CSS對於float區堆，使用clear:both無效的解法
• 如何修正 DIV float 之後導致的外部容易不能撐開的問題