5月23日 談談對BFC規範的理解

2022-06-24 14:42:10 字數 407 閱讀 6618

一、什麼是bfc?

bfc(block  formatting context):簡單來說它就是一種屬性,這種屬性會影響元素與元素之間的位置、間距

二、形成bfc的條件 

1、float:給元素新增浮動(屬性值為left、right,但none除外)

2、position:給元素新增定位(屬性值為absolute或fixed)

3、display:給元素新增display屬性(屬性值為 inline-blocks、table-cells或table-captions)

4、overflow:給元素新增overflow 屬性(屬性值為hidden、auto或scroll,但visible除外)

三、bfc形成後出現的常見問題

1、margin重疊問題

2、浮動相關問題

會議記錄 5月23日

會議形式 寢室例會 會議人員 張澤凱,林吉慶,張富彬,鄭都都,李鋮,高亞楠 會議內容 又到了新的一周的開始,本次會議主要是討論以及整理大家在週末查閱的資料和各自被分配的任務。因為專案的製作已經接近了尾聲,會議並沒有進行很久,大家都簡單的交代了週末所查閱的資料,大體得到的答案都是一樣的,專案進行的測試...

4月2日BFC布局

說明 label元素用來定義標籤,為頁面上的其他元素指定提示資訊。要將label元素繫結到其他的控制項上,可以將label元素的for屬性設定為與該控制項的id屬性值相同。表單補充 1 單選按鈕組 男 預設選中 女 2 核取方塊組 disabled disabled 禁用 checked check...

8月23日生活

今天起的早一些,於是開啟電腦,對ftp伺服器中的遊戲進行公升級.gf打 說白天休息,於是我讓她來我家。到我家不久,bdx網咖打來 說一些電腦上不了網,於是匆匆趕去。經查是一交換器出現故障,去華美換了一台24 2,安上解決。中午,買點菜回家吃飯。下午去公司。來到公司後,除z和y,其餘小伙均出去幹活了。...