Universal Cleanup Floating notation

Css:

. clearfix:after {
Content: "";
Display:block;
height:0;
Clear:both;
}
. clearfix {zoom:1;}

. clear {Clear:both;}

Principle: For elements that are floating on a child element, use Clearfix to clean up. Standard browsers such as Firefox and ie8+ support: After properties, which are cleaned with clearfix:after, are not supported for IE6 and 7: After properties are cleaned with the Zoom property, and the Zoom property is only recognized by the IE series. and IE8 and then the browser uses zoom cannot trigger layout to implement cleanup. Use clear to clean up if you need to clean it with a separate label.

Compatible with all browsers

Universal Cleanup Floating notation