web - ウェブサイトの横スクロールをなくす

Question

私は自分のウェブサイトに多くのことを変更してきましたが、画面に収まらないように作成し、右に小さなスクロールをしました。誰かがこれを引き起こしている問題を見ることができますか。

右側の黒を取り除きたいと考えています。上下のみ黒にする必要があります。

www.jobspark.ca はウェブサイトです

更新したがって、これは黒いスペースを引き起こしているコード行です。しかし、100% を削除すると、画像が縮小して 960px のサイト幅に収まるようになります。何か案は？私はあきらめる準備ができています（笑）Squarespaceは変更が簡単ではありません

#collection-513d5347e4b0abff73be5267  #site > .wrapper {
max-width: 100%;
padding: 0 0px;
margin: 0 auto;
}

Answer 1

私の推測では、width:100%あなたは div 要素を持っていると思います。これにより、各要素のクライアント領域が強制的にブラウザーに表示されます。要素の境界線が両側に追加のピクセルを追加するため、スクロールバーが表示されます。

width:100%div 要素から省略することをお勧めします。親の 100% に自動展開され、問題が解決するはずです。

すべてが失敗した場合、これは機能するはずです。

overflow-y: auto; // or replace auto with scroll
overflow-x: hidden;