“自古深情留不住，總是套路得人心?！边@些日子，各個朋友圈隨時可以見到這句話的身影。的確人們常說：“多一點真誠，少一點套路。”，但是最終現(xiàn)象寫實也是那么殘酷和無奈。
同樣在前端攻城獅的道路，我們都是真誠盡心盡力的去學(xué)習(xí)進(jìn)取。奈何先是各大瀏覽器廠商的大戰(zhàn)不斷，導(dǎo)致我們這群學(xué)習(xí)的人苦不堪言，一片水生火熱呀。不得不想進(jìn)各種hack方法解決。（沒錯，這里就是吐槽的IE6！）
圖片來自與網(wǎng)絡(luò)
其次文檔標(biāo)準(zhǔn)流，在浮動之后也會挖下塌陷的大坑。初學(xué)者稍有不慎，塌陷的失控的子元素到處亂竄，弄的你雞飛狗跳苦不堪言。那么為了后面前端大道越行越遠(yuǎn)，下面就跟大家講解一下清除浮動的4種套路。
不過在講套路得時候，咱們順帶的也把浮動之后塌陷大坑給順便重現(xiàn)一樣。
浮動塌陷大坑：
先來看一個小小的demo：現(xiàn)在有兩個div，div身上沒有任何屬性。每個div中都有l(wèi)i，這些li都是浮動的先是html骨架部分