【问题标题】:Different padding when div floats vs when it's full widthdiv 浮动与全宽时的不同填充
【发布时间】:2012-06-28 09:31:57
【问题描述】:

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

是否可以添加填充或边距,以便当蓝色 div 在红色 div 下方时,红色和蓝色 div 之间有一个空间,并确保容器和 div 之间的顶部和底部空间(填充)保持相等(它们现在是 10px)?

如果 #container 设置回 100 像素,红色和蓝色 div 会在顶部/底部完美对齐?

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

【问题讨论】:

    标签: html css


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2012-06-25
      • 2012-01-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-02-04
      • 1970-01-01
      相关资源
      最近更新 更多