BFC是一种排列html的规则

容器内部元素设置浮动,会出现父容器高度塌陷;

1.设置父容器overflow值不为none,即hidden、auto、scroll;

内部块

2.设置父容器display值为flow-root

内部块

margin重叠;

1.设置元素的display为inline、inline-*或table-caption ;

内部块
内部块

2.设置容器的display为grid或flex;

内部块
内部块