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