最最最全的清除浮動方法

如何清除浮動？

上下排列：

clear屬性，表示清除浮動的，left、right、both

嵌套排列：

1. 固定寬高 : 不推薦 , 不能把高度固定死，不適合做自適應的效果。

2. 父元素浮動 : 不推薦 , 因爲父容器浮動也會影響到後面的元素。

3. overflow : hidden (BFC規範) , 如果有子元素想溢出，那麼會受到影響。

4. display : inline-block (BFC規範)，不推薦，父容器會影響到後面的元素。

5. 設置空標籤 : 不推薦 , 會多添加一個標籤。

6. after僞類 : 推薦，是空標籤的加強版，目前各大公司的做法。

.clear:after{content: '.';display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}

( clear屬性只會操作塊標籤，對內聯標籤不起作用 )

如有其他見解,歡迎補充!