①給父元素單獨定義高度
優點：簡單快速、代碼少。
缺點：無法進行響應式布局。
②在標簽結尾處加空div標簽<div style="clear: both"></div>
優點：簡單快速、代碼少，兼容性較高。
缺點：增加空標簽，不利於頁面優化。
③父級定義overflow:hidden
優點：簡單快速、代碼少，兼容性較高。
缺點：超出部分被隱藏了，在布局的時候要注意。
④父級定義class="clearfix"，使用after偽類和zoom
.clearfix:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
優點：寫法固定，沒有多余結構，兼容性高。
缺點：代碼多。