citron syrup

HTML,CSS,js,Ruby,Swift

clearfixでfloatを解除する

clearfixでfloatを解除する、と言っても原理は全くわかっていないのですが
偉い人が"floatする要素のclassのCSSにこれを書いておけばclearfixできるよ"と教えてくれたのでメモ。

.cf {
  zoom: 1;
}
.cf::before {
  content: "";
  display: table;
}
.cf::after {
  content: "";
  display: table;
  clear: both;
}

HTMLではこれ(class=“cf”)を親のclassに追加します。