Clearing floats and fixing overflow issues. Clearfix

clearfloats.scss

// SASS CODE
.clearfix {
    *zoom: 1;
    &:before,
    &:after {
        content: "";
        display: table;
        line-height: 0;
    }
    &:after {
        clear: both;
    }
}



// CSS ONLY CODE BELOW
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after
{
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}