Html 如何删除广告下方的空白广告？

我在手机网页的顶部有一个AdSense响应广告单元。当320x50广告填满此空间时，广告底部会有额外的空白。当提供320x100广告时，没有空白。我还没有定义div元素的大小，所以这个单元应该根据谷歌提供的任何广告进行调整

如果提供的是320x50 ad而不是320x100，是否有办法折叠空白

我原以为这是一个常见的问题，但我一直没能找到解决办法。提前谢谢你的帮助

---

我认为谷歌最初试图提供一个320x100单元，但最终提供了一个320x50单元，留下了额外的空白。根据谷歌的说法：“为了增加对320x100广告尺寸的竞争，我们允许320x50显示广告以这种格式显示。当这种情况发生时，较小的广告将始终垂直排列在顶部。”

因此，既然广告已经在容器中，请尝试以下方法：

.ad-wrapper {
  width:320px;
  height:50px;
  overflow:hidden;
}

并在容器上添加

ad包装器

类

<div class="ad-wrapper" align="center">
  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <!-- Top_Responsive --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxx" data-ad-slot="xxxxxxx" data-ad-format="auto"></ins>
  <script>
    (adsbygoogle = window.adsbygoogle || []).push({});

  </script>
</div>

（adsbygoogle=window.adsbygoogle | |[]）.push（{}）；

---

希望它能起作用

从我读到的评论来看，额外的空间是为可能的第二个320x50广告保留的。但是，你能提供代码吗？可以将ad单元包装在一个320x50px容器中，并在其上应用

溢出：隐藏
。感谢您的响应。我的代码如下。我尝试了溢出的建议，但没有改变反应。另一个问题是，如果谷歌不提供广告单元，这个div单元不会崩溃（即使它被配置为这样做）。我不确定这些问题是否相关。（adsbygoogle=window.adsbygoogle | |[]）.push（{}）；我尝试了你的建议，但这似乎只是迫使谷歌提供一个320x50的广告单元，而不是320x100、320x50或其他广告尺寸（由谷歌决定）。因此，这使得空白消失，但这是因为ad单元被强制为320x50。此外，此更改使广告单元无响应，因此它不会根据设备自动调整大小（即移动设备与桌面）。很明显，这会导致问题。也许有一种方法可以让它做出响应，但它的行为方式会改变