ノンカフェインであなたにやさしい

Rails,HTML,JavaScript,jQuery,PHP,CakePHPなど

mixinでclearfixを使う

mixinでclearfixを使う方法です。

@mixin clearfix {
  zoom: 1;

  &:before,
  &:after {
    content: "";
    display: table;
  }

  &:after {
    clear: both;
  }
}

header {
  @include clearfix;
}

clearfixはmicro clearfixを参考にしています。
A new micro clearfix hack – Nicolas Gallagher