CSSや景観

Question

私はプログラミングに新たなんだと私は私のウェブサイトを作るためにしようとしているが、私は、問題とこだわっている：私は風景ページビューで、私のサイトを開設

、青色の列が右側に表示されます。それはページの100％幅に収まらないようなものです。私が下にスクロールすると、私のスティッキーメニューがそれを埋めることができます。なぜ誰にも分かりませんか？

jsFiddle https://jsfiddle.net/user582/ycx56p4h/1/ 

Site in googledevtools

Answer 1

これまでの最短の答えは、あなたがあなたのページの幅を抑制し、すべてのオーバーフローを非表示にする必要があるということでしょう。そのためには、使用することができます。

html{ 
    max-width: 100vw; 
    overflow-x: hidden; 
} 

vwユニットは、人によってかなり不明ですが、それは、ユーザーのビューポートの幅に一致するように非常に便利です。 max-widthを設定すると、overflow-xでx軸のオーバーフローをすべて非表示にすることができます。