kuronekopunk https://blog.hatena.ne.jp/kuronekopunk/ ノンカフェインであなたにやさしい https://akinobu.net/ CSS SCSS 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 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fakinobu.net%2Fentry%2F2014%2F11%2F08%2F224811" title="mixinでclearfixを使う - ノンカフェインであなたにやさしい" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2014-11-08 22:48:11 rich https://akinobu.net/entry/2014/11/08/224811 1.0 100%