簡述 clearfix 的原理

Zegendary發表於2017-12-13

 Demo Demo中的CSS中用到這樣一個樣式:

.clearfix:after{
  content: '';
  display: block;
  clear: both;
複製程式碼

該樣式通過::after選擇器在選擇元素之後插入content: ''單引號中的內容，該內容不可被選定，例子中中插入內容為空。對這個空元素新增clear:both，使其清除浮動。相當於在內容末尾新增一個空的div，然後清除浮動。

相關文章