邢走在雲端 -
通過例子講解BFC
BFC的基本概念
塊格式化上下文（Block Formatting Context，BFC） 是Web頁面的可視化CSS渲染的一部分，是塊盒子的佈局過程發生的區域，也是浮動元素與其他元素交互的區域。 ——來自MDN
如何創建BFC
下列方式會創建塊格式化上下文：
根元素(html)
浮動元素（元素的 float 不是 none）
絕對定位元素（元素的 position 為 ab
bfc
,
Css
邢走在雲端 -
四種方式進行清除浮動
以下展示了四種方式進行清除浮動
先看一段代碼
css
.box {
border: 1px solid #f00;
}
.fl {
float: left;
width: 50px;
height: 50px;
background: #0f0;
margin: 5px;
}
html
div class="box"
div class="
bfc
,
浮動
,
Css
