CSS フローティングをクリアすることを忘れないでください。clear:both_Experience 交換

空のタグでクリア
.clr {clear: Both;}

左 div>

右

オーバーフロー属性を使用する
#layout {overflow:auto;zoom:1;}

左

右

:after を使用します (IE 以外のブラウザ)
#layout:after{ 表示: ブロック;
クリア: 両方; コンテンツ: "";
表示: 非表示; 高さ: 0;
}

左

右

注: :after を使用する場合、注意すべき点がいくつかあります。高さをゼロに設定します ( height: 0;); コンテンツは必須ですが、その値は空でも構いません