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

Question

在我的网站上，当我在手机上播放广告时，我得到了一个奇怪的黄色矩形，模糊了我的Google AdSense的右侧：

这是我在黄色空间中摇摇晃晃的问号，而且我已经填满了背景，使其更加突出。

我已经通过Chrome开发者工具窗口检查了样式，但我在样式层次结构中找不到任何设置为黄色的内容，而且我主要使用沼泽标准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;，我现在不再获得黄色边框。在底部的链接小部件上仍然有一个丑陋的黄色边框，但至少不会掩盖任何东西，所以我暂时忽略它......