BFC的作用以及原理介紹

2022-06-15 11:06:12 字數 546 閱讀 9846

內部的box會在垂直方向,乙個接乙個地放置。

box垂直方向的距離由margin決定。屬於同乙個bfc的兩個相鄰box的margin會發生重疊。

每個元素的margin box的左邊, 與包含塊border box的左邊相接觸(對於從左往右的格式化,否則相反)。即使存在浮動也是如此。

bfc的區域不會與float box重疊。

bfc就是頁面上的乙個隔離的獨立容器,容器裡面的子元素不會影響到外面的元素。反之也如此。

計算bfc的高度時,浮動元素也參與計算。

1.根元素

2.float屬性不為none

3.position為absolute或fixed

4.display為inline-block, table-cell, table-caption, flex, inline-flex

5.overflow不為visible

stdafx h的作用以及原理

vc工程裡面經常見到stdafx.h這個標頭檔案,以前也沒有特別注意,但是這個檔案用不好經常會出錯,所以就google了一下,總算是弄清楚了。所謂標頭檔案預編譯,就是把乙個工程 project 中使用的一些mfc標準標頭檔案 如windows.h afxwin.h 預先編譯,以後該工程編譯時,不再編...

vue中key的作用以及原理

key的作用 在diff演算法執行時,更快的找到對應的節點,高效的更新虛擬dom,key是具有唯一性的,所以在每次for迴圈的時候,我們需要key給每個節點做唯一的標識,唯一標識可以使item裡面id index 等 然後diff演算法就可以正確的識別此節點,找到正確的位置插入新的節點,vue 會盡...

static的作用以及實驗

1 靜態區域性變數 普通的區域性變數在棧空間上分配,這個區域性變數所在的函式被多次呼叫時,每次呼叫這個區域性變數在棧上的位置都不一定相同。區域性變數也可以在堆上動態分配,但是記得使用完這個堆空間後要釋放之。static區域性變數中文名叫靜態區域性變數。它與普通的區域性變數比起來有如下幾個區別 位置 ...