在需要解决margin重叠或者清除浮动的元素上添加这个样式:
.clearfix::before,
.clearfix::after {
content: '';
display: table;
clear: both;
}
说明:
清除浮动,是要在需要清除浮动的元素的最后面添加一个块级标签或者伪类,来达到清除浮动的目的。
解决margin重叠,需要在待解决的元素的前面添加table,或者display: table,的元素