CSS佈局之脫離文檔流詳解——浮動、絕對定位脫離文檔流的區別

準確的說，float浮動屬於半脫離文檔流，1、float浮動跟position:absolute一樣擁有脫離文檔流的功能，但是float雖然脫離了文檔流但是仍然會佔據位置，其他的文本內容會按照順序繼續排列——如果你對所有的元素都設置了浮動，你會看到這幾個div並不會重疊，而是會順序排列。可以參考設置display:none,跟visible:hidden的效果。     其他盒子看不見被float

>>阅读原文<<