舉個簡單的例子，脫離文件流就相比我們上學時，將戶口遷移到學校，家鄉沒有留我們的戶口和位置。
沒有脫離文件流就相當於，我們雖然走了，但是我們的戶口和位置還在原來的戶籍所在地。
html頁面元素類似，沒有脫離文件流的元素會按原來的塊級元素、行內元素來進行排列劃分。
脫離文件流的元素排列就不受原來的劃分規則制約。
脫離文件流通常會伴隨元素位置定位而出現。
今天我們先了解一下脫離文件流
後面再說說元素定位
這樣就可以一起理解，交叉使用了。
1.脫離文件流
01.float，float設定left/right後，改元素會脫離文件流。（但有時候我們想設定float屬性，又不想使其脫離文件流，後面會有介紹）
這裡拓展一下，float有時還不如display：flex好用。總結我用的不多
02.position，脫離文件流有absolute和fixed。
2.脫硫文件流的後果
元素脫離文件流後，如果父級沒有設定高、寬，父級就會坍塌。如圖
元素脫離文件流後，其位置就會讓給沒有脫離文件流的元素。如圖
元素脫離文件流後dom操作不變。
CSS脫離文件流
脫離文件流 也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文件流的元素不存在而進行定位。需要注意的是，使用float脫離文件流時，其他盒子會無視這個元素，但其他盒子內的文字依然會為這個元素讓出位置，環繞在周圍。其他盒子與其他盒子內的文字都會無視它。float 如上圖 div2實...
HTML文件流 文字流和脫離文件流
文件流 普通流 在文件流中，html 元素會按照其在 html文件中的位置順序來排布,將窗體自上而下分成一行一行,並在每行中左至右的挨次排放行內元素，遇到阻礙或者寬度不夠自動換行。而塊狀元素將獨佔一行。塊級元素和行內元素.文字流 文字流是相對於文字段落講的。可視為一串字元由左到右 由上而下的讀取和輸...
CSS脫離文件流 浮動
什麼是文件流？將窗體從上至下分成一行一行，並在每行中按從左至右依次排放元素，稱為文件流，也稱為普通流。這個應該不難理解，html中全部元素都是盒模型，盒模型占用一定的空間，依次排放在html中，形成了文件流。什麼是脫離文件流？元素脫離文件流之後，將不再在文件流中佔據空間，而是處於浮動狀態 可以理解為...