当父元素和子元素的外边距重叠时,给子元素添加上外边距也会影响到父元素的上外边距,因此影响页面布局。可以通过给父元素添加clearfix类来解决,同时该类还可以解决高度坍塌的问题
.clearfix::before,
.clearfix::after{
content: '';
display: table;
clear: both;
}
当父元素和子元素的外边距重叠时,给子元素添加上外边距也会影响到父元素的上外边距,因此影响页面布局。可以通过给父元素添加clearfix类来解决,同时该类还可以解决高度坍塌的问题
.clearfix::before,
.clearfix::after{
content: '';
display: table;
clear: both;
}