“自古深情留不住，總是套路得人心。”這些日子，各個(gè)朋友圈隨時(shí)可以見到這句話的身影。的確人們常說：“多一點(diǎn)真誠(chéng)，少一點(diǎn)套路。”，但是最終現(xiàn)象寫實(shí)也是那么殘酷和無奈。

同樣在前端攻城獅的道路，我們都是真誠(chéng)盡心盡力的去學(xué)習(xí)進(jìn)取。奈何先是各大瀏覽器廠商的大戰(zhàn)不斷，導(dǎo)致我們這群學(xué)習(xí)的人苦不堪言，一片水生火熱呀。不得不想進(jìn)各種hack方法解決。（沒錯(cuò)，這里就是吐槽的IE6?。?/strong>


                    圖片來自與網(wǎng)絡(luò)

其次文檔標(biāo)準(zhǔn)流，在浮動(dòng)之后也會(huì)挖下塌陷的大坑。初學(xué)者稍有不慎，塌陷的失控的子元素到處亂竄，弄的你雞飛狗跳苦不堪言。那么為了后面前端大道越行越遠(yuǎn)，下面就跟大家講解一下清除浮動(dòng)的4種套路。 

不過在講套路得時(shí)候，咱們順帶的也把浮動(dòng)之后塌陷大坑給順便重現(xiàn)一樣。

浮動(dòng)塌陷大坑：

先來看一個(gè)小小的demo：現(xiàn)在有兩個(gè)div，div身上沒有任何屬性。每個(gè)div中都有l(wèi)i，這些li都是浮動(dòng)的先是html骨架部分