浮動(dòng)是CSS中常用的布局方式之一，但浮動(dòng)元素會(huì)脫離正常的文檔流，造成父元素高度塌陷的問題。為了解決這個(gè)問題，CSS3提供了多種方法來清除浮動(dòng)。
  
清除浮動(dòng)的原理
  
清除浮動(dòng)的原理是通過對(duì)父容器進(jìn)行特殊的樣式設(shè)置來清除子元素浮動(dòng)帶來的影響。常用的清除浮動(dòng)的方法有：
  
1. 使用clearfix技巧
  
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
  
通過在父元素上應(yīng)用clearfix類，并設(shè)置其::after偽元素的樣式，可以清除其子元素的浮動(dòng)效果。
  
2. 使用overflow屬性
  
.parent {
  overflow: hidden;
}
  
通過在父元素上設(shè)置overflow屬性為hidden，可以觸發(fā)BFC（塊級(jí)格式化上下文），從而清除子元素的浮動(dòng)效果。
  
3. 使用偽元素
  
.parent::after {
  content: "";
  display: table;
  clear: both;
}
  
通過在父元素上應(yīng)用::after偽元素，并設(shè)置其樣式為清除浮動(dòng)，可以達(dá)到清除子元素浮動(dòng)效果的目的。
  
以上是常用的清除浮動(dòng)的方法，根據(jù)具體的需求選擇合適的方法即可。