CSS Universal Closing code

Add the following CSS style (Universal closing code) to the div (class Clearfix) that needs to be closed:

. Clearfix:after {content:"."; Display:block; height:0; Clear:both; Visibility:hidden;}

Simplified notation:

. Clear {Clear:both; height:0px; overflow:hidden;} >

For example:

<div class= "Clearfix" style= "border:1px solid red;" >  <div style= "float:left;width:80px;height:80px;border:1px solid blue;" >test div</div>  <div style= "float:left;width:80px;height:80px;border:1px solid blue;" >test div</div></div>

If you do not add a universal closing code to class, you cannot enclose the outer div box in a float div. This is because the internal div loses the style of Clear:both and Display:block after Float:left. Of course, you can also make the external div float or add the internal clear:both div at the end.

CSS Universal Closing code