@float / 博客 RSS 訂閱

Sep 19 2021

懟懟 - 【css】塊格式化上下文(BFC)

定位方式 BFC 1 定位方式 普通流/文檔流 浮動 絕對定位 1.1 普通流/文檔流 規則 元素按照其在HTML中的先後位置自上而下佈局 行內元素水平排列，直到當行被佔滿然後換行，塊級元素則會被渲染為完整的一個新行 所有元素默認都是普通流定位 1.2 浮動 規則 元素先按照普通流的位置出現，然後根據浮動的方向儘可能向左或向右偏移 平移到容器邊框，或者碰到另外一個

bfc , float , Css

收藏 評論

May 09 2020

t現在是冬天t - BFC及其背後的 float absolute inline-block

BFC及其背後的 float absolute inline-block 此文為經驗之談，感謝張鑫旭大佬 張鑫旭的博客 BFC(Block formatting context) BFC(Block formatting context)直譯為"塊級格式化上下文"。 它是一個獨立的渲染區域，只有Block-level box參與， 它規定了內部的Block-level Box如

absolute , bfc , float , inline-block , Css

收藏 評論