高度塌陷

【2022.2.13】css-高度塌陷
1.子元素和父元素相邻的垂直外边距默认会发生重叠，子元素的外边距会传递给父元素
2.由于没有给父元素设置宽高，想通过子元素撑开宽高时，子元素又脱离了文档流使得子元素无法撑开文档流
脱离文档流的三种情况：
（1）float：给子元素设置浮动
（2）position：absolute；绝对定位
（3）position：fixed；相对于浏览器窗口定位

方法
1.设置伪类::before与::after
2.在父类中添加<table>
3.更改BFC