bfc 就是清除浮動 用來處理文件脫離文件流的問題
清除浮動的方法:
a、父元素也新增乙個浮動
產生弊端就是:margin 不能使用
b、給父元素新增乙個:display:inline-block
弊端同a一樣:無法使用margin
c、給父元素新增高
弊端:擴充套件性不好,我們無法隨意再新增元素
d、 br標籤
作用換行
e、clear樣式:規定元素的那一側不允許其他元素浮動
f、偽類清浮動(推薦使用)
.clear:after
先找到浮動盒子的父元素,再在父元素中新增乙個屬性:overflow:hidden,就是清除這個父元素中的子元素浮動對頁面的影響.
清除浮動 BFC
問題 父盒子高度為0,子盒子不佔位置,子盒子不會撐開父盒子。下面的標準流盒子,會跑到父盒子中的子盒子下面。處理辦法 清除浮動。清除子盒子因為浮動,對父子造成的影響 使用方法 哪兒出問題就在哪兒給 裡面的類名標籤後加乙個clearfix類名。1.clear both 2.overflow hidden...
CSS 浮動,高度塌陷和BFC,清除浮動
通過浮動,可以使乙個元素向其父元素的左側或右側移動,使用 float 屬性來設定元素的浮動 可選值 注意 未設定浮動 設定浮動 浮動的特點 浮動元素會完全脫離文件流,不再佔據文件流中的位置 設定浮動以後元素會向父元素的左側或右側移動 浮動元素預設不會從父元素中移出 浮動元素向左或向右移動時,不會超過...
clear清除浮動最佳實踐和BFC清除浮動
浮動的三個特點很重要。1.脫離文件流。2.向左 向右浮動直到遇到父元素或者別的浮動元素。3.浮動會導致父元素高度坍塌。那麼clear清除浮動的最佳實踐是什麼呢?cleafix是最外層的div。請看如下 現代瀏覽器clearfix方案,不支援ie6 7 clearfix after 全瀏覽器通用的cl...