4

サイトの下部にあるフッターの後にランダムな空白があるようですが、IEとFirefoxでのみ表示されます。このサイトはSafariとChromeでうまく機能します。inspect要素を使用しようとすると、空白がどのタグにも当てはまらないようです。フッタータグを削除しても何も変わらなかったため、フッタータグとは関係がないようです。サイトのリンクは次のとおりです：http：//www.insightdatascience.com。

私はたくさんの答えを見てきましたが、私のサイトでは特にうまくいくものはないようです。ありがとう！

4

3 に答える 3

3

私も同様の問題を抱えていました。このような問題のより一般的な修正は、以下を追加することです。

body {
    overflow: hidden;
}

あなたのcssファイルに。

于 2014-12-13T15:02:53.830 に答える
2

にはstylesheetmain.css、次のルールがあります。

.fellows #insightpictures .buttons {
    margin: 635px auto;
}

下マージンを削除するには、に変更margin: 635px auto;します。margin: 635px auto 0;

于 2013-01-25T02:57:54.360 に答える
0

私もFireFoxだけで同様の問題を抱えていました。

グリッドでレイアウトを設定した上部ペインや下部ペインなどの典型的なページレイアウトがありました。下部ペインの背景をピンクに設定することで、ページの下端で終わる目的の領域をカバーしていることがわかりました。しかし、表示された垂直スクロールバーを使用すると、下部ペインの下をスクロールできるため、その下に空白があることがわかりました。

私の問題は、（事実によって）下部ペインにスタイルが設定されていないH3が含まれていることでした。デフォルトでは、FireFoxはH3要素に上下のマージンを与え、それによってコンテンツが下部ペインの下端を越えて流れます。

H3要素のマージンを0pxにすると、問題は解決しました。

したがって、一般的に理解しておくべきことは、コンテナ要素（私の下部ペインなど）がページの最後できれいに終わっていても、コンテンツが多すぎるとオーバーフローしてその下に余分なスペースが作成される可能性があるということです。一般的な解決策は、そのような要素にoverflow：hiddenを設定することです。コンテンツは、コンテナの境界内に自動的に留まりません。オーバーフローが発生し、それを望まない場合は、オーバーフローを明示的に防止する必要があります。

この問題がFireFoxで見られたのに、Chromeでは見られなかったのはなぜですか？ChromeではH3のデフォルトのスタイルが異なり、ボトムマージンが少なくなるため、オーバーフローを引き起こすのに十分なスタイルがありませんでした。

于 2021-07-13T18:30:51.017 に答える