html - サイトの右側に余分な空白があるのはなぜですか?

Question

Chrome では私のウェブサイトは正常に表示されますが、FF または IE では、サイトの右側に水平スクロールバーと空白が表示されます (表示するには、サイズ変更/更新を数回行う必要がある場合があります)。

これは何が原因ですか？私の最初の考えは、閉じられていない div でしたが、W3C で検証したところ、チェックアウトされました。私のもう1つの考えは、相対的に配置されたものでした（いくつかの要素でトリッキーなフローティングを行う必要があります.

score 16 · Accepted Answer

理由は次のとおりです。

ここに画像の説明を入力

すべての要素に 1px の境界線を与えることでこれを見つけたので、「要素の検査」を使用してそれを特定できます。

score 0 · Accepted Answer

何らかの理由で、幅 995px のラッパーを使用すると壊れました。960に戻しましたが、他は問題ないようです。幅広すぎるデザイナーのデザイン... うーん。=D ご覧いただきありがとうございます。これがなぜなのか、他の誰かが知っているなら、私に知らせてください。

score 0 · Accepted Answer

IE 9 を使用してページソースを見ると、#container がブラウザにサイト構造の幅を拡張させているようです。

CSS で、これを変更します。

#container {
    float: left;
    margin: 0 -240px 0 0;
    width: 100%;
}

これに：

#container {
    float: left;
    margin: 0;
    width: 100%;
}

おそらく、これで問題が解決するでしょう。

score -3 · Accepted Answer

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^

体 {

min-width: 1000px;

}

おかげで、右側の白いフレームが GO になりました。^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^

4 に答える 4