私が取り組んでいるサイト:http://bayhouse.biklopsdesign.comは、どういうわけか非常に広いです。これにより、水平スクロールバーが発生し、固定位置が非常に煩わしくなります。
誰かが何が起こっているのかわかりますか?私は何日も安心せずにFirebuggingしてきました。:/
私が取り組んでいるサイト:http://bayhouse.biklopsdesign.comは、どういうわけか非常に広いです。これにより、水平スクロールバーが発生し、固定位置が非常に煩わしくなります。
誰かが何が起こっているのかわかりますか?私は何日も安心せずにFirebuggingしてきました。:/
これは見つけるのが難しかったです!
リンク<a id="OTPoweredBy">...</a>
にはのmargin
があり-9999px;
ます。より賢明なものに設定するmargin
と、右スクロールがすべて消えます。
答えは、固定配置要素のパーセンテージとして幅を宣言したことです。これは、親コンテナではなく、ビューポートのパーセンテージを取ります。
たとえば、私のビューポートの幅は 1900px です。つまり、設定されているすべての要素position: fixed; width: 100%
が 1900px 幅になります。など、さまざまな場所でこれを行いaside#text-15.header_area
ます。この SO answerも参照してください。