水平滚动-仅限Mac Safari

use*_*275 2 css

我正在水平滚动,但仅在Mac Safari上。我无法在其他地方复制该问题,并且很难进行故障排除(为此,我通常在Firefox上使用Firebug)。

该网址是

http://getinjuryanswers.com 
Run Code Online (Sandbox Code Playgroud)

我很乐意粘贴代码,但我什至不确定要定位的代码。

对于任何反馈,我们都表示感谢。

谢谢。

Moh*_*man 6

添加overflow: hidden到最外层包装器以解决滚动条问题:

.site-container {
    overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

为了避免出现此滚动条问题,我始终使用以下结构,它永远不会打扰我。

HTML:

<html>
    <head></head>
    <body>
        <div class="wrapper">
             <header class="header></header>
             <main class="main></main>
             <footer class="footer"></footer>
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS:

body {
    margin: 0;
    // and other necessary properties for your page.
}
.wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}
Run Code Online (Sandbox Code Playgroud)