adkt
2/6/2018 - 4:54 AM

Clear Fix for Floats to fit parent

Add this to the parent container to make sure that floats stretch out the parent. Includes both compiled CSS and SASS

.cf {
  *zoom: 1;
}
.cf:before, .cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}

/* SASS 
.cf
  *zoom: 1

  &:before,
  &:after
    content: " "
    display: table
  &:after
    clear: both
*/