Responsive design 溢出：隐藏元'；不帮助防止水平滚动

通常，

overflow:hidden

解决了我的所有水平滚动问题，但在下面的情况下，它不能解决，而且它还禁用了垂直滚动

如果您标记一个文本并向左拖动屏幕视图（同时响应），您将能够看到水平滚动问题。以下是一个链接：

---

这是因为您有一个硬编码宽度为728px的adsense块

因此，每当视口小于728 px时，该div将延伸到页面的右边缘之外，从而延伸到水平滚动条

编辑

你能告诉我你在哪里找到的吗

它就在这段代码中

<div style='text-align:center'><div class='adsense' style='display:inline-block;width:728px;height:90px;'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 728x90 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-5337874066772271"
     data-ad-slot="6784283332"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

（adsbygoogle=window.adsbygoogle | |[]）.push（{}）；

无论何时，当你有如你所描述的水平滚动时，它通常表示有一个元素太宽，所以这就是我所寻找的。在这种情况下，如果你缩小窗口，你实际上可以看到广告太宽了。我使用web检查器（类似于firebug）进行确认

有时您实际上看不到导致问题的元素。在web inspector中，如果将鼠标悬停在“代码”视图中的某个元素上，它将在“页面”视图中高亮显示，因此这会有所帮助

仅供参考，有很多方法可以与Adsense在响应性网站上合作。让你开始

---

祝你好运

噢，谢谢你，大卫！我找不到这个有萤火虫的街区。你能告诉我你在哪里找到它吗？你是如何找到它的？大卫，我发誓，我搜索了所有的文件（PHP、Jquery、CSS），也搜索了该网站bootom上的wide adsense广告，但就是找不到任何“728px”的输入。。。所以，我不仅没有设法用firebug追踪到它，我甚至不知道从哪里开始让它“显示：无”。@ben在我看来，这就像是一个Drupal网站。您可以检查此adsense块是否由您的主题或Drupal添加extension@ben为了澄清这一点，我使用web inspector检查DOM（与HTML相反）。通过检查DOM，您可以查找并检查已添加到CMS页面的元素，以及JS@ben，也许你可以向主题开发者咨询一下？