what is clearfix code example

Example 1: clearfix

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
    }
 
.clearfix { 
   *display: inline-block; 
   _height: 1%;
}

/* use when overflow hidden can't be used

Example 2: clearfix

.clearfix::after {
  content: "";
  clear: both;

    display: table;
}