一、 bfc的概念
bfc——block formating context的縮寫，中文譯為"塊級格式化上下文"
二、如何觸發bfc
1.設定float除none以外的值(left,right)
2.設定overflow除visible以外的值(hidden,auto,scroll)
3.設定display屬性(table,table-cell,inline-block,flex)
4.設定position屬性(fixed,absolute)
三、bfc的作用
1.可以解決上下margin重疊問題
可以給其中乙個元素在外層巢狀乙個父容器，並設定overflow:hidden;這樣為裡面的元素建立了乙個塊級格式化上下文
2.可以解決高度塌陷問題
父元素高度自適應，子元素浮動脫離文件流，不佔據父元素空間，導致父元素高度為0，此時給父元素設定overflow:hidden,閉合浮動，觸發了bfc
3.可以實現多欄布局
兩個浮動元素相鄰，另外乙個元素設定overflow:hidden;觸發了bfc
從零開始學習web前端開發
之前半個月一直在學習深度學習，但是感覺自己的能力還沒到那個程度所以就想擱置一下，從程式設計師基礎的前端開發來學。廢話不多說直接開記 我所使用的前端開發軟體就是業內很流行的vscode，作為小白的我當然也是用的這個 具體的安裝教程，外掛程式教程網上都有詳細的介紹，在此處不多講 在vscode中輸入 就...
從零開始學前端
靜態黃頁 伺服器組裝動態網頁資料 後端為主的mvc 前後端分離 純前端mv 為主 中間層輸出 前端virtual dom mnv 前後臺同構 後端為主的mvc 後端人員根據前台寫的html頁 套 模板渲染資料 前端為主的mv mvcmvc 執行過程 1.view傳送指令到 controller 2....
從零開始學習idea開發vue
使用webpack腳手架開發vue必須基於nodejs 安裝軟體安裝步驟進行，直到結束。測試nodejs是否安裝成功 node v npm config set registry 配置npm映象站 npm config list 顯示所有配置資訊 idea下建立vue工程 在idea中新建stati...