html - divがフロートするときと全幅のときのパディングが異なる

Question

#containerの幅を99pxに変更すると、幅が小さすぎるため、青いdivが赤いdivの下に浮きます。

青のdivが赤のdivの下にあるときに、赤と青のdivの間にスペースができるようにパディングまたはマージンを追加し、コンテナとdivの間の上下のスペース（パディング）が等しいことを確認することは可能ですか（彼らは今10pxです）？

また、＃containerを100pxに戻すと、赤と青の両方のdivが完全に上下に整列しますか？

http://jsfiddle.net/86F2A/49/

Answer 1

おそらく、両方のコンテナーにmargin-bottomを追加し、メイン コンテナーではpadding-bottomを使用しないでください。

http://jsfiddle.net/86F2A/52/