clearfixで使う clear: both; は誰が何をclearしているのか CSS

.boxA:after{
    content: "";
    display: block;
    clear: both;
}

clearfixで使う clear: both; の意味

親要素である.boxAが

後述の内容を.boxAに被さって表示させるかどうかを聞いている

（もう少し正確に、.boxAの中でフロートしている子要素を避けて、

後述のコンテンツを左右に回り込みしていいかどうかということ）

clear: both;

なので、左右回り込みはクリアする（＝回り込みしない）

結果、フロートやフロートを囲ったBOXの下に後述のコンテンツ表示される。