1. 程式人生 > >float 浮動 文檔流和文字流區別

float 浮動 文檔流和文字流區別

關於 photo cli btn 元素 title comment div 顯示

源自:2-2 浮動的基礎知識

關於float屬性的脫離文檔流的問題

看完視頻後,教材裏說的使用float浮動後,元素雖然會脫離文檔流,但還處在文本流的位置當中,所以就不會出現重疊的效果嗎?

下面我自己試了一下,給兩個DIV分別設置了樣式,而只給第一個DIV設置了float浮動屬性,然而效果顯示,第一個DIV覆蓋了第二個DIV,出現了重疊效果,請問這是什麽原理?

技術分享圖片

技術分享圖片

提問者:小小之植物06-01

1個回答

技術分享圖片

妮可妮可妮_

06-01

已采納

脫離文檔流:也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。

float只是脫離了文檔流的dom空間但是還占據著文字空間.使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會為這個元素讓出位置

21

float 浮動 文檔流和文字流區別