Clearfix

Clearfix is used to easily clear floats by adding .clearfix to the parent element. It utilizes the micro clearfix as popularized by Nicolas Gallagher. It can also be used as a mixin.

Syntax:

How to use in mixin


How to use Clearfix

Let's take an example to see how the clearfix can be used. Without the clearfix the wrapping div would not span around the buttons which would cause a broken layout.

Syntax: