css: clearfix解决外边距折叠及高度塌陷问题

.clearfix::before,
.clearfix::after {
  /* 解决外边距折叠 */
  content: "";
  display: table;
  /* 解决高度塌陷 */
  clear: both;
}