CSS處理高度塌陷和父子元素外邊距重疊的問題

1.高度塌陷
 2.子父元素外邊距重疊：當子元素設定外邊距的時候。父元素沒有設定外邊距。那麼子元素設定的按個外邊距。會使得兩個元素一起移動。
解決方法：隔開字元元素即可。也就是在要設定外邊距的元素的前面添加一個哥哥元素。使得子元素的外邊距，被哥哥元素擋住了，而沒有伸出去。這樣就避免了重疊問題。
 3.同時解決以上兩個問題
 為出現高度塌陷和子父元素重疊問題的父元素添加class =“cleaerfix”；然後通過僞類選擇器
 .clearfix:after,.clearfix:before{
 /在元素的前面添加一個空元素/
 content:="";
 /将元素轉換成表格/
 display:table；
 / 清楚浮動産生的影響/
 clear:both;
 }
 通過這樣，即可同時解決兩個問題