根据 Google 的说法,响应式广告根据所提供空间的宽度和高度动态填充可用空间:
“我们根据广告单元父容器的宽度动态计算所需的尺寸,然后确定与该宽度相匹配的最佳标准高度。”
我将响应式 Adsense 单元放置在宽度值为 774px 的 div 中。这是 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 单元的宽度实际上约为 1100px。我使用响应式 AdSense,以便广告可以根据屏幕尺寸调整大小。如果用户在智能手机上浏览我的网站,显然广告的尺寸会相应变化。
为了解决这个问题,我在左侧的div中添加了一个新的div,并将adsense代码放入其中,并设置最大宽度,如下所示:
.adsenseOnLeft{
max-width:774px;
}
这并没有解决问题,adsense 单元仍然比其父 div 占用更多的空间。那么我怎样才能让它的宽度不超过它放置在里面的div的宽度呢?
Update:该问题仅发生在 Chrome 浏览器中。当我刷新页面时,该单元尊重它的父级 div 并且不会覆盖它。仅当我第一次浏览任何页面时它才会这样做。
我在 Internet Explorer 中检查了它,该设备保留在其容器内并按其假设的方式工作。
您是否尝试过添加浮动和宽度?
.adsenseOnLeft
{
float: left;
width:100% !important;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)