CSS伪元素--::after/::before

伪元素就是利用css代码在标签内部的前面，或者后面添加一个行内元素，这个行内元素你可以理解为span

/* before */
选择器::before{
  /* 使用空白符号占位 */
  content: '';
}

/* after */
选择器::after{
  /* 使用空白符号占位 */
  content: '';
}

清除浮动

.clearfix::after{
  content: '';
  display: block;
  clear: both;
}