黄色矩形部分遮挡了移动设备上的 AdSense 广告

Question

在我的网站上，当我在移动设备上展示广告时，我的 Google AdSense：

的右侧出现了一个奇怪的黄色矩形

这是我自己在黄色中摇摇晃晃的问号 space，我已经填充了背景以使其更加突出。

我已经通过 Chrome 开发人员工具 window 检查了样式，但是我在样式层次结构中找不到任何设置为黄色的内容，而且我主要使用的是沼泽标准 minileven WordPress 提供的主题。是什么原因造成的？我怎样才能更正 CSS 来摆脱这个？广告在桌面版上看起来不错，只有移动版。

一个典型的页面是 this one。

Answer 1

查看您的网站和广告时，我确实看到了一些额外的间距（我看到的与您屏幕截图中的不同）当我查看 DOM 时，这是导致额外间距的代码：

<td class="rh000c">
   <div class="rh-box-empty rh000"></div>
</td>

这是相关的 CSS:

.rh000c {
    height: 102px;
    padding: 0;
    width: 2px;
}

.rh000 {
    background-color: #ffffff;
    display: inline-block;
    height: 102px;
    overflow: hidden;
    padding: 0;
    width: 2px;
}

出于某种原因，该广告将此代码传递到其 iframe 中，因此我认为您无法删除它。（好吧，可能有一些方法可以删除此代码，但如果这样做，您可能会违反与广告代理商的服务协议）

如果我是你，我会联系你正在使用的广告公司（看起来你正在使用 Google 广告）并直接向他们询问这个问题。希望对您有所帮助。

Answer 2

我又仔细研究了这个问题，出于某种原因 there is a rule like this:

embed, iframe, object {
    width: auto;
}

由于某些我无法解决的原因，这覆盖了显式 <iframe width="320"，因此通过反复试验，我发现将其添加到我的自定义 CSS:

.mobile-theme .adsbygoogle iframe {
    width: inherit;
}

覆盖 width: auto;，我现在不再有黄色边框了。底部的 link 小部件仍然有一点丑陋的黄色边框，但至少没有遮挡任何东西，所以我暂时忽略它...

黄色矩形部分遮挡了移动设备上的 AdSense 广告

Yellow rectangle partially obscuring AdSense ads on mobile

css

adsense