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