html - 响应式 adsense 广告单元越过其 div

Question

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

"We calculate the required size dynamically based on the width of the ad unit’s parent container, then determine what's the best standard height to go with that width."

我在宽度值为 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

您是否尝试过添加 float 和宽度？

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