When you've got two floatet elements next to each other in one container, .clearfix prevents the container from having no height.
.clearfix
<div class="clearfix"> <div class="u-float-left"> ... </div> <div class="u-float-right"> ... </div> </div>
settings
tools
generic
base
objects
trumps