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

Question

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

是否可以添加填充或边距，以便当蓝色 div 在红色 div 下方时红色和蓝色 div 之间有一个空间，并确保容器和 div 之间的顶部和底部空间（填充）保持相等（他们现在是 10 像素）？

如果 #container 设置回 100px，红色和蓝色 div 会完美地排列在顶部/底部吗？

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

Answer 1

也许在两个容器中添加margin-bottom并且不要在主容器上使用padding-bottom 。

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