关于块级格式化上下文和浮动元素的问题

[qq_38801030]

块级格式化上下文是块级元素的渲染区域,决定块级元素怎么布局。
浮动元素会隐式转换成块盒。那浮动元素是否也参与块级格式化上下文?
创建bfc的元素可以包裹浮动元素,因为bfc渲染区域不能和外界互相影响
。但是bfc不能包裹定位元素,是否可以说,浮动也参与了格式化上下文,而定位元素没有参与格式化上下文。

.p{
    background:lightblue;
    padding: 20px;
    overflow: hidden;
}
.p>div{
      width: 200px;
      height: 200px; 
      float: left;
      background: red;
}
<div class="p">
    <div>ada</div>
</div>

[面向百度编程cv]

设置了浮动，flex，定位（绝对定位，固定定位），都是bfc

[weixin_45620867]

定位元素也可以参与格式化上下文的，但是要看是什么定位。触发BFC机制的方法：1、自身浮动 2、overflow的值只要不是visibility都能触发 3、display的值为inline-block 4、固定定位和绝对定位