CSS Clearfix with Pseudo Selector
Opposed to adding an “Empty Div” or “Overflow” to clear floats, you can use the CSS pseudo selector (:after) to clear floats.
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }