html - 背景色が DIV コンテナに適用されないのはなぜですか?

Question

DIV 要素に背景色を適用しようとしています。DIV の子は左に浮いているので、両方の子が DIV コンテナーにあると仮定します。

しかし、position: absolute を DIV コンテナーに追加すると、期待どおりの結果が得られました。しかし、それでも、絶対位置とどのような違いがあるのか​​ わかりません。

<style>
        span {
          float: left;
          padding: 10px;
        }
        div {
          border: 1px solid #ccc;
          background-color: yellow;
          left: 200px;
        }

</style>
<div>
    <span>Span A</span>
    <span>Span B</span>
</div>