<その他> margin-left を指定したBボックスの方が高さが長い場合

A
B
CSSソース
#header { width: 100%; }
#container { width: 100%; }
#boxA { float: left; width: 300px; }
#boxB { margin-left: 300px; }
#footer { clear: left; width: 100%; }
HTMLソース
<div id="header">header</div>
<div id="container">
 <div id="boxA">A</div>
 <div id="boxB">B</div>
</div>
<div id="footer">footer (clear: left;)</div>

水色の線はAボックス、緑の線はBボックス、 グレーはcontainerボックス(親ボックス)です。

※ AボックスとBボックスには、box-sizing を指定していますので、未対応のブラウザでは正しく表示されないかもしれません。

<その他> float したAボックスの方が高さが長い場合

header
A
B
footer(clear: left;)