Clearfix is a name given to a CSS solution of an old issue where a the containers of floated element ignore the dimensions of the float and collapse.
Originally this problem was solved by adding extra markup after the float such as a
<BR>, <DIV>. Adding extra markup, with no semantic meaning was look upon as a necessary evil, until we came up with a CSS only solution.
Screen shots of the example below
- Live Example
- Play with the code in the textarea below.
- Introduced in CSS version
- Applies to elements
- Containers of floated elements
- Browser Support
Browsers IE Firefox Safari Opera Chrome Versions
See the full list CSS properties and browser support: CSS Properties