整体宽度比内容更宽（镀铬）

【问题标题】：Overall width is wider than content (chrome)整体宽度比内容更宽（镀铬）
【发布时间】：2014-06-18 06:40:20
【问题描述】：

在我的页面中存在一个问题，其中整体宽度比使水平滚动条出现http://mayra.adparkour.org 的内容更宽，这个问题恰好只出现在 chrome 中。提前感谢您的帮助。

【问题讨论】：

【解决方案1】：

这是您的 .screen-reader-text 链接。你已经给了它position: absolute;，但你仍然需要在上面做类似left: -9999em的事情。

【讨论】：

【解决方案2】：

这是由这个标签引起的：

<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

我不确定你想用那个标签做什么，但它位于包含的 div 之外。

一个简单的解决方案是将overflow: hidden 添加到父nav 标记。

【讨论】：