A clearfix is performed as follows:
***.clearfix:after {
content: " "; /* Older browser do not support empty content */
visibility: hidden;
display: block;
height: 0;
clear: both;
}***
Or, if you don't require IE<8 support, the following is fine too:
***.clearfix:after {
content: "";
display: table;
clear: both;
}***
Normally you would need to do something as follows:
***
***
With clearfix, you only need the following:
***
***