如圖所示，藍色的div和紅色的div處於黑色的div（寬為500px)之中，其中藍色的div設定了做浮動；
由圖一（紅色div的margin-top為10px，margin-left為200px） 知：浮動之後藍色div脫離了正常的文件流，而緊接著藍色div的紅色div則公升了上去，這個藍色div浮動層對於紅色div的影響在於紅色div內容顯示方面：具體說就是紅色div裡的內容會以藍色div的結尾為開始顯示的地方，
對比圖二和圖三，圖二紅色的margin-top為75px，圖三為76px；但是圖二和圖三的紅色div的margin-left都是一樣的為100px，由此可知以上結論 的正確性；浮動的影響暫時只知道有這一點。由三張圖也可知紅色div的屬性設定皆是無視浮起的藍色div的（如margin-left仍然以黑色的div為依據的，並未受到藍色div的影響）【補充】float只影響周圍元素的顯示，其他的方面(需要計算的地方等等)都可以忽略float的元素。
【新增：】浮動與清除浮動對元素的影響：
①，原始狀態，三個浮動div元素，**和效果如下，
②，不清除浮動，**和效果如下，注意div4的位置以及div4的邊框(虛點)
③，清除浮動，**和效果如下，注意div4的位置及邊框，
關於float的理解
裡面的兩個的浮動div的。方法二 為父元素設定overflow屬性，值為auto或hidden 方法三 為父元素新增以下css規則 content visibility hidden display block height 0 clear both 方法四 父元素本身設定為float 這會影響它周...
關於inline block和float的對比
當把元素的display屬性設定為inline block時可以是元素變成行級元素 前後不換行 但是還可以設定一些塊級元素的屬性，從而實現元素的並列。當然將元素設為浮動也可以實現元素的並列 文件流 inline block不會脫離文件流，仍然在文件裡佔據正常的位置，但是float的元素會脫離文件流 ...
關於float的精度型別
1 主要記錄一下為什麼float的精度型別為6 7位 首先，應該明確float資料型別，佔4個位元組，共4 8 32位，其中 ieee754標準規定如下 32位當中，1位為符號位 8位指數字 23位為數值位。故float型別的數值是由後邊的23位決定。23位指的是2進製數可以表示2 23取值範圍以內...