完美解决高度塌陷和外边距重叠问题

//可以同时解决高度塌陷和外边距重叠问题         也叫BFC  块级格式化环境
.clearfix::before,
.clearfix::after{
content: '';
display: table;
clear: both;
}