float

要素をブロックの左右どちらかに沿うように配置し、その前後のテキストやインライン要素が float 要素を回り込むように配置する。

参考:

float | MDN

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

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA