bfc是什么？浮动的原理有哪些？

　　- BFC含义：

　　- 块格式化上下文(Block Formatting Context，BFC) 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域

　　- BFC触发条件： - 根元素 - float属性不为none(脱离文档流)

　　- position为absolute或fixed - display为inline-block,table-cell,table-caption,flex,inine-flex - overflow不为visible

　　- BFC布局规则： - 内部的Box会在垂直方向，一个接一个地放置。 - Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠(按照最大margin值设置) - 每个元素的margin box的左边， 与包含块border box的左边相接触

　　- BFC的区域不会与float box重叠。

　　- BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。 - 计算BFC的高度时，浮动元素也参与计算

声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。