如何在DIV之间添加空间?

时间:2011-05-05 16:56:23

标签: javascript css html

我有一个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广告之间留出一些空格?

P.S。该网站为http://phoneswithwindows.com/

5 个答案:

答案 0 :(得分:10)

放入你的CSS

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

答案 1 :(得分:3)

我在div中的margin-top: 5px元素上添加了<ins>并且它有效。如果您可以为div添加id,请使用此css规则:

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

答案 2 :(得分:1)

margin-bottom添加到ID为“access”的div

答案 3 :(得分:1)

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

如果您使用Firebug或您喜欢的浏览器中的开发者工具查看您的页面,您可以看到您的广告div实际上位于标题div下方且位于其下方,当您添加clear: both时,它将会向下移动到它应该的位置。

答案 4 :(得分:1)

您是否尝试添加以下内容

<div style="clear:both;"></div>
标题div之后

这样,标题浮动(如果它有一个浮点数)被清除,下面的Ad div现在应该使用填充