_clearfix

float の解除をします。

引数型初期値説明
@include _clearfix;

floatの解除

float プロパティを使った要素の親要素で _clearfix 関数を呼び出します。

  • 1
  • 2
  • 3
<ul class="list">
  <li class="item">1</li>
  <li class="item">2</li>
  <li class="item">3</li>
</ul>

.list {
  @include _clearfix;
}
.item {
  float: left;
  width: percentage(1/3);
}