div浮动时的不同填充与全宽时的填充

Question

如果将＃容器的宽度更改为99px，则蓝色div将在红色div下浮动，因为宽度太小。

是否可以添加填充或边距，以便当红色div位于红色div下方时红色和蓝色div之间有空格并确保容器和div之间的顶部和底部空间（paddding）保持平等（现在是10px）？

如果#container设置回100px，红色和蓝色divs完全排列在顶部/底部？

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

Answer 1

可能会将 margin-bottom 添加到两个容器中，而不要在主容器上使用 padding-bottom 。

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