1 額外標籤法

  在浮動元素後新增一個空的div，並設定屬性clear:both;

  弊端：添加了空的div，沒有意義。

2 父元素新增overflow的方法

  為浮動的父元素，示例中 ul 標籤設定屬性 overflow:hidden;

  弊端：在父級元素記憶體在定位時，超出父級元素範圍的定位元素會被隱藏。

3 利用偽物件after方法

  為浮動的父元素利用偽物件 after 來在末尾設定一個隱藏的元素，並新增 clear:both; 屬性。

  .clearFix:after{    clear:both;    display:block;    visibility:hidden;    height:0;    line-height:0;    content:"";}

  此方法就其根本類似於方法1，直接在末尾新增一個空的div，但是實現方式變成了偽物件 after 而已。

  目前較為普遍清除浮動的設定方式。