css clearfix - 清除浮动

Posted 2021-05-13

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

--------------------------------
<div class="clearfix">

</div>