子div脱离文档流后怎么撑开父元素div

尊重原创：https://blog.youkuaiyun.com/Corazhang/article/details/77906021

1给父元素设置宽高

2添加after伪类.clearfix

.clearfix::after{content:''; display:block; clear:both;}

3给父元素设置padding也可以，但是会影响到子元素的位置

4给父元素设置overflow:hidden或者auto;  （float:left;时常用，也就是不脱离标准文档流）

5因为浮动而脱离文档流的情况下，在父容器的底部增加一个额外的标签，令其清除浮动，兼容性好,但是会代码冗余

<div style="clear:both;"></div>

6只给父元素加display:table;这种方法对float情况有用，对因定位而脱离文档流没有用；