clearは、同一のブロック整形文脈 (block formatting context) にある、それより前のfloatにのみ適用されます。ブロック整形文脈 - CSS | MDN
<div>
<div style="float: left">A</div>
<div style="float: left">B</div>
<div>C</div>
</div>
|
A
B
C
|
<div>
<div style="float: left">A</div>
<div>B</div>
<div>C</div>
</div>
|
A
B
C
|