bfc

大家好，我是 CoderBin,在介绍BFC之前，需要先给大家介绍一下文档流。,我们常说的文档流其实分为 定位流、 浮动流、 普通流三种。,如果元素的属性 position 为 absolute ...

大家好，我是前端西瓜哥。今天来学习 BFC。,BFC，为 Block Formatting Context 的缩写，中文翻译为 块格式上下文。,BFC 是 Web 页面 CSS 渲染的一个机制，是块级...

,说明,1、BFC是页面上隔离的独立容器，容器中的子元素不会影响外部元素。反之亦然。,这一元素的垂直方向边距将重叠，垂直方向的距离由margin决定，取值。,2、BFC区域不会与浮动盒重叠(去除浮动原...

,说明,1、译为块级格式化上下文，是Web页面可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域。,也是浮动元素与其他元素的交互限制区域。,2、只有Block-levelbox参与，它规定了Bl...