深入理解BFC

2021-09-28 16:46:44 字數 666 閱讀 5680

滿足下列條件之一就可觸發bfc

根元素,即html元素

float的值不為none

overflow的值不為visible

display的值為inline-block、table-cell、table-caption

position的值為absolute或fixed

可以阻止元素被浮動元素覆蓋

《說明》通過改變內容為bfc背景為紅色的盒子的屬性值,使其成為bfc,以此阻止被綠色的浮動盒子覆蓋

style="line-height: 1.5; width: 100%; height: 437px;" src="" frameborder="0" width="320" height="240">

可以包含浮動元素

《說明》通過改變高度塌陷的黑色邊框的盒子的屬性值,使其成為bfc,以此來包含綠色的浮動盒子

style="width: 100%; height: 349px;" src="" frameborder="0" width="320" height="240">

style="width: 100%; height: 453px;" src="" frameborder="0" width="320" height="240">

更多專業前端知識,請上

【猿2048】www.mk2048.com

深入理解BFC

滿足下列條件之一就可觸發bfc 根元素,即html元素 float的值不為none overflow的值不為visible display的值為inline block table cell table caption position的值為absolute或fixed 可以阻止元素被浮動元素覆蓋 ...

深入理解C語言 深入理解指標

關於指標,其是c語言的重點,c語言學的好壞,其實就是指標學的好壞。其實指標並不複雜,學習指標,要正確的理解指標。指標也是一種變數,占有記憶體空間,用來儲存記憶體位址 指標就是告訴編譯器,開闢4個位元組的儲存空間 32位系統 無論是幾級指標都是一樣的 p操作記憶體 在指標宣告時,號表示所宣告的變數為指...

mysql 索引深入理解 深入理解MySql的索引

為什麼索引能提高查詢速度 先從 mysql的基本儲存結構說起 mysql的基本儲存結構是頁 記錄都存在頁裡邊 各個資料頁可以組成乙個雙向鍊錶每個資料頁中的記錄又可以組成乙個單向鍊錶 每個資料頁都會為儲存在它裡邊兒的記錄生成乙個頁目錄,在通過主鍵查詢某條記錄的時候可以在頁目錄中使用二分法快速定位到對應...