【发布时间】:2012-06-28 09:31:57
【问题描述】:
如果您将#container 的宽度更改为 99px,则蓝色 div 将浮动在红色 div 下方,因为宽度太小。
是否可以添加填充或边距,以便当蓝色 div 在红色 div 下方时,红色和蓝色 div 之间有一个空间,并确保容器和 div 之间的顶部和底部空间(填充)保持相等(它们现在是 10px)?
如果 #container 设置回 100 像素,红色和蓝色 div 会在顶部/底部完美对齐?
【问题讨论】:
如果您将#container 的宽度更改为 99px,则蓝色 div 将浮动在红色 div 下方,因为宽度太小。
是否可以添加填充或边距,以便当蓝色 div 在红色 div 下方时,红色和蓝色 div 之间有一个空间,并确保容器和 div 之间的顶部和底部空间(填充)保持相等(它们现在是 10px)?
如果 #container 设置回 100 像素,红色和蓝色 div 会在顶部/底部完美对齐?
【问题讨论】:
也许将 margin-bottom 添加到两个容器中,并且不要在主容器上使用 padding-bottom。
【讨论】: