概念BFC的全称是BlockFormattingContext，即“块级格式化上下文”。是页面中一个相对独立的渲染区域。与区域外部元素的交互关系特点是内部的Boxes会在垂直方向上一个接一个的放置，垂直方向上的距离由margin决定。（属于同一BFC的两个相邻Box的外边距将重叠（折叠），无论方向如何。）每个元素的左外边距接触包含块的左边框（从左到右），即使浮动元素是也喜欢这样。（这意味着BFC中的子元素不会超出其包含块，position为absolute的元素可以超出其包含块的边界。）BFC的区域不会与的元素区域重叠漂浮。在计算BFC的高度时，浮动子元素也会参与BFC的计算，是页面上一个孤立的独立容器。容器内部的子元素不会影响外部元素，反之亦然。css块元素中的几个规则会展开到和父元素一样的宽度，所以块元素会垂直垂直方向排列的两个相邻DIV的边距会重叠，但是水平方向不会（这个规则不完全正确的）。浮动元素会尽量靠近左上角（或右上角）。为父元素设置溢出：隐藏或浮动父元素将包含浮动元素。BFCbody根元素的常用创建方式float不是noneoverflow是auto,scrollorhidden(不可见)display是inline-blockposition是fixed或absolute
