css clearfix

当元素之间出现了高度塌陷和内边距重叠问题时，可以使用 .clearfix 类来解决

css：

.clearfix::before {// 解决内边距重叠

    content: ‘’;//隔离元素，空表示内容是空的

    display: table;//table本身不占位置，不会造成上面或下面元素的益处

}

.clear::after {//解决高度塌陷

    content: ‘’;//隔离元素，空表示内容是空的

    display: table;//table本身不占位置，不会造成上面或下面元素的益处

    clear: both;

}

html：