css - このFirefoxの問題を説明できる人はいますか?

Question

サイトは次のとおりです: http://lju-silenter.rhcloud.com。Chrome でサイトを読み込んで黄色のセクションをクリックすると、そのセクションが画面全体に表示されますが、Firefox では余白に問題があるようです。私はfirebugを調べましたが、問題の原因を見つけることができないようです. 何が起こっているのかを明確にするために、2 つの画像を次に示します。

クロムのバージョン:

Firefox のバージョン:

この問題についての洞察は本当に役に立ちます。ありがとう！

Answer 1

に移動する#threeと、ブラウザーがスクロールしてその要素が表示される場合がありますoverflow:hidden。IE と Firefox はこれを行うようですが、Chrome は行いません。

ターゲット要素の ID を のようなものに変更しid="box-three"、それに応じてセレクターを調整してそのプレフィックスを追加する必要があります。