---
title: Clearfix
introduction: |
  Clear any floated elements within a container.
source: sky-toolkit-core/utilities/clearfix
dependencies:
  - sky-toolkit-core
layout: component
related:
  - sky-toolkit-core/tools/mixins 
---

# Clearfix

Class-based implementation of our clearfix mixin from
[sky-toolkit-core/tools/mixins](../../tools/_mixins.scss).

```html { "render": false }
<div class="u-clearfix">
  ...
</div>
```