float
要素をブロックの左右どちらかに沿うように配置し、その前後のテキストやインライン要素が float 要素を回り込むように配置する。
参考：
clearfix
.clearfix::after {
content: '';
display: block;
clear: both;
}
参考：
float の解除に clearfix を使って、思い通りのレイアウトに！- Qiita
最新の clearfix がどんどん短く。Bootstrap 2/3/4 の CSS を見て | jdash2000 site
clearfix の最新版／フロート関連やマージン相殺の不具合を解決するモダンブラウザ用 clearfix | コリス
もう一度、clearfix について考えてみた | Tips Note by TAM
How To: Clear Floats | W3Schools
Why using “table” for the “display”-property? – Stack Overflow