理解float中的一些知識點

2021-10-04 23:29:00 字數 601 閱讀 1046

float元素會脫離block的文件流,不會脫離inline的文件流(包含inline-block)

inline-block與inline元素共佔一行inline

float會導致父元素高度塌陷,因此在父元素最後新增乙個乙個div或者after偽類的  clear:both可以找回父元素丟失的高度

clear:both清除浮動會清掉元素兩側所有的浮動,不論這些浮動的元素是不是屬於同乙個div(這會造成清浮動的塊與最高浮動元素塊的高度一致,可見文1最後)。要解決這個問題需要給清浮動的塊形成bfc模型,

bfc模型中子元素的浮動只會影響到bfc模型本身。

形成bfc模型的方法:

1、float的值不是none。

2、position的值不是static或者relative。

3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex

4、overflow的值不是visible

bfc作用:

bfc可以阻止相鄰元素的margin重疊

左右自適應布局,

上面的清除浮動作用

引伸閱讀

文1:文2:

一些知識點

字串拼接 1.a join b a為元素之間的分隔符,b為待分割的序列 可用於輸出時的資料處理,元素間有空格,末尾沒有 2 s s s str1,str2,str3 前半部分為字串,後半部分為索引。用於引入,s是物件 3.format str1,str2,str3 與f 括號裡為已有變數 關於for...

一些知識點

1.vector是在堆上還是棧上?在堆上.2.我們發現指標有一些 似是而非 的特徵 1 指標消亡了,並不表示它所指的記憶體會被自動釋放。比如函式中的指標是區域性變數,如果它指向了堆上,而自己出了函式後消亡了,但它所指向的記憶體還是存在的,導致了記憶體洩漏.2 記憶體被釋放了,並不表示指標會消亡或者成...

一些知識點

1 sln 解決方案檔案 csproj 專案檔案 cs 原始檔 解決方案包含多個專案,每個專案都是乙個程式。config 配置檔案 3 const int a 1 const 定義乙個量為常量,運算中用到當常量使用,不可以再重新賦值。4 型別轉換。1 隱式轉換。從值型別轉換成引用型別。從引用型別轉換...