5.2 components.clearfix Clearfix

Toggle example guides Toggle HTML markup

Allows the bottom of an element to extend to the bottom of all floated child elements. See http://nicolasgallagher.com/micro-clearfix-hack/

Example
A floated item.
Markup: components/clearfix/clearfix.twig
<div class="clearfix">
  <div style="float: left; height: 50px; width: 50%;">A floated item.</div>
</div>
Source: components/clearfix/_clearfix.scss, line 1