响应式 AdSense 广告单元检查其 div

Question

根据 Google 的说法，自适应广告会根据所提供空间的宽度和高度动态填充可用空间：

“我们根据广告单元​​父容器的宽度动态计算所需尺寸，然后确定与该宽度相匹配的最佳标准高度。”

我在宽度值为 774 像素的 div 中放置了一个响应式 Adsense 单元。这是div css代码：

.content-left{
display:table-cell;
width:774px;
max-width:774px;
vertical-align:top;
padding-left:10px;
padding-right:10px;
height:500px;}

问题在于，adsense 单元会越过该 div 并覆盖右侧 div 的内容，如下图所示。

Adsense 单元的宽度实际上约为 1100 像素。我使用响应式 AdSense，以便广告可以根据屏幕尺寸调整大小。如果用户在他们的智能手机上浏览我的网站，广告的尺寸显然会相应改变。

为了解决这个问题，我在左边的 div 中添加了一个新的 div 并将 adsense 代码放入其中并设置最大宽度如下：

.adsenseOnLeft{
max-width:774px;

}

这并没有解决问题，adsense 单元仍然比其父 div 占用更多空间。那么如何让它的宽度不超过它所在的 div 的宽度呢？

更新：该问题仅在 chrome 浏览器中发生。当我刷新页面时，该单元尊重它的父 div 并且不会越过它。只有当我第一次浏览任何页面时才会这样做。 我在 Internet Explorer 中检查了它，该单元保留在它的容器内并按预期工作。

Answer 1

您是否尝试过添加浮点数和宽度？

.adsenseOnLeft
{
  float: left;
  width:100% !important;
}

Answer 2

将您的 .adsenseOnLeft width 设置为 100% 它会填充您的广告对您的父 div 的尊重。

.adsenseOnLeft
{
width:100% !important;
}