micro clearfix methode

clearfix.css

// ----------------------------------------------------- ~ css syntax
.cf:before,       /* for modern browsers */
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}
.cf {             /* for IE6,7 */
  zoom:1;
}

clearfix.less

// ----------------------------------------------------- ~ less syntax
.cf () {
  *zoom: 1;        // for IE6,7
    
  &:before,        // for modern browsers
  &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
}