Question

通常，overflow:hidden解决了我所有的水平滚动问题，但在下面的情况下它并没有，它也会禁用垂直滚动。

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

http://nexus.techsaran.com/

Answer 1

这是因为你有一个adsense块，其硬编码宽度为728px。

每当视口为＆lt; 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>

每当你像你描述的那样进行水平滚动时，通常表明存在一个太宽的元素，这就是我正在寻找的东西。在这种情况下，如果缩小窗口，您实际上可以看到广告太宽。我使用网络检查员（类似于萤火虫）来确认。

有时您实际上无法看到导致问题的元素。在Web检查器中，如果将鼠标悬停在代码视图中的元素上，它将在页面视图中突出显示，因此这会有所帮助。

仅供参考，有很多方法可以在响应式网站上使用Adsense。 Checkout this link让你入门

祝你好运！

溢出：隐藏将无助于防止水平滚动

1 个答案: