如何在 DIV 之间添加空格？答案

【问题标题】：How to add space between DIVs?如何在 DIV 之间添加空格？
【发布时间】：2011-08-19 13:49:27
【问题描述】：

我有一个 WordPress 生成的页面，我想将 AdSense 放在页面标题下方。在http://imgur.com/WPXeG查看图片

我想在标题和 AdSense 广告之间创建一些空白。我尝试在包含 AdSense 广告的 div 中添加 margin-top 和 padding（如下所述） - 均无济于事。

<div style="text-align: center; margin-top: 5px; padding: 13px 0 10px 0;">
  <script type="text/javascript"><!--
    google_ad_client = "**************";
    google_ad_slot = "**************";

如何在标题和 AdSense 广告之间留出一些空白？

附：该网站是http://phoneswithwindows.com/

【问题讨论】：

很高兴看到我的 AdBlock 仍然很强大！
我也有，但互联网连接不会为自己买单 :)

标签： javascript css html

【解决方案1】：

您是否尝试添加以下内容

<div style="clear:both;"></div>

在标题 div 之后？

这样标题浮动（如果它有浮动）被清除，下面的广告 div 现在应该使用填充

【讨论】：

【解决方案2】：

您的#access div 上有float:left;，因此您需要在包含广告的 div 上添加clear:left（或clear:both），这样它们就不会重叠。

如果您使用 Firebug 或您喜欢的浏览器中的开发人员工具查看您的页面，您会看到您的广告 div 实际上位于标题 div 的上方和下方，当您添加 clear: both 时，它会向下移动到它应该在的地方。

【讨论】：

【解决方案3】：

我在 div 内的 <ins> 元素上添加了 margin-top: 5px，它可以工作。如果你可以添加一个 id 到你使用这个 css 规则的 div：

div#adds > ins{
    margin-top: 5px;
}

【讨论】：

子选择器 (>) 在 IE6 中不起作用。这可能是也可能不是问题，具体取决于 OP 的支持需求，但需要牢记。

【解决方案4】：

放入你的css

#access {
  margin-bottom: 5px; /* or whatever */
}

【讨论】：

margin:0 auto 5px 在这种情况下（因为已经存在 margin:0 auto 声明）。
这两者结合得很好。它们是否是 2 个属性并不重要（首先是 margin，然后是 margin-bottom）。
@Šime Vidas：仅使用 margin-bottom 使其他边距最终设置为其他 css 不变。
你能回答stackoverflow.com/questions/9943560/…吗？

【解决方案5】：

将margin-bottom 添加到 id 为“access”的 div 中

【讨论】：