1、開啟父元素的bfc
block formating context 塊級格式化環境
開啟bfc後元素具有的特性：父元素的垂直外邊距不會與子元素重疊，開啟bfc的元素不會被浮動元素所覆蓋但可以包含浮動子元素；
開啟方式：設定元素浮動/設定元素絕對定位/設定元素的型別為inline-block/設定overflow非預設值，如
overflow:hidden2、在塌陷父元素的最後加乙個空白的div,然後對該div清除浮動
3、在浮動元素的父元素上新增偽類
.clearfix:: after4、子元素和父元素相鄰的垂直外邊距會發生重疊，子元素的外邊距會傳遞給父元素
.clearfix:: beforeHTML文件流 文字流和脫離文件流
文件流 普通流 在文件流中，html 元素會按照其在 html文件中的位置順序來排布,將窗體自上而下分成一行一行,並在每行中左至右的挨次排放行內元素，遇到阻礙或者寬度不夠自動換行。而塊狀元素將獨佔一行。塊級元素和行內元素.文字流 文字流是相對於文字段落講的。可視為一串字元由左到右 由上而下的讀取和輸...
HTML頁面中的文件流以及脫離文件流
一 文件流 在我們生活中，有各種各樣的 流 有電流 水流等，就像水流從高處往低處流一樣，我們可以把文件流想象成html元素在瀏覽器上 流動 瀏覽器的頂端就是河流的源頭，瀏覽器的底部就是河流的盡頭。如下圖 而所謂的文件流 normal flow，也被稱為 普通流 指的是就是元素排版布局過程中，元素會自...
css脫離文件流html元素位置控制
舉個簡單的例子，脫離文件流就相比我們上學時，將戶口遷移到學校，家鄉沒有留我們的戶口和位置。沒有脫離文件流就相當於，我們雖然走了，但是我們的戶口和位置還在原來的戶籍所在地。html頁面元素類似，沒有脫離文件流的元素會按原來的塊級元素 行內元素來進行排列劃分。脫離文件流的元素排列就不受原來的劃分規則制約...