當(dāng)元素 float 后元素身上發(fā)生了什么：
脫離當(dāng)前的文檔流腹侣，變換到容器的邊緣，或是另一個(gè)浮動(dòng)box的邊緣齿穗，若空間不夠則向下移動(dòng)直到可以放下（margin的值是auto或不指定在渲染時(shí)會(huì)被當(dāng)做0處理）
文檔流中的line box, inline box將圍繞float box
float box若不設(shè)寬度將是它實(shí)際內(nèi)容的寬度
把box都變成block-level box傲隶，形成一個(gè)新的block formatting context
top/left/right/bottom, z-index無(wú)效
濫用float會(huì)導(dǎo)致各種bug，諸如：Incorrect Float Shrink-Wrap Bug窃页、Float Squeeze Weird Gap Bug跺株、Float Squeeze Duplicate Last Character Bug、Image Float Bullet Chaos Bug脖卖、Staircase Bug帖鸦、Double Margin Bug、Italics Float Bug胚嘲、3px Jog Bug、Scared of Floats Bug洛二、Escaping Floats Bug馋劈、IE6 Peekaboo Bug……等等。所以在實(shí)際使用中有個(gè)原則晾嘶，盡量不同時(shí)用2個(gè)或以上的float（比如可以用inline-block替代float）
