clearfix样式(同时解决高度塌陷和外边距重叠问题)

clearfix样式

能够同时解决高度塌陷和外边距重叠的问题

<style>
	.clearfix::before,
	.clearfix::after {
		content: '';
		display: table;
		clear: both;
	}
</style>

将需要解决高度塌陷和外边距重叠元素的class设置为clearfix即可。