google-chrome - 水平滚动仅出现在 chrome 中

Question

我在 Chrome 中出现水平滚动条时遇到问题。页面宽度为 960 像素，滚动条不应处于活动状态。我找不到导致此问题的元素。

请帮忙，网址是http://jciventure.it360.pl/

Answer 1

故障在于h1.assistive-text.section-heading

改变

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

到

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
    width:auto;
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

Answer 2

在页面上的主要 HTML 标记中包含一个具有以下内容的类：

overflow:hidden;
margin-left:auto;
margin-right:auto;

它现在可以在 Chrome 中运行。