"position：absolute;" "bottom：0;"代わりに "position：absolute;"次iScrollデモはSafariとChromeで動作しますが、Firefoxで（私は9.0.1を使用しています）ではないのFirefox

Question

に容器の底に付着しない

http://cubiq.org/dropbox/iscroll4/examples/ipad/

私はすべて私が試してみましたこの問題を試して解決することを考えることができ、私はこの問題のようなこの同じ問題に関する他の質問を見てきました。これまでに何も働いていません。ここで DIV with "position:absolute;bottom:0" doesn't stick to the bottom of the container in Firefox

私が作ったいくつかの観測です：navとarticleにbottom:-300pxのようなものを追加する

• は、バックグラウンドのショーを行います。私はなぜ発砲することはできません。
• height:100%〜navとを追加すると、バックグラウンドは兄弟ヘッダーと同じ高さになります。
• 問題はiScrollに依存しません。 iScrollのインスタンシエーションをjavascriptからコメントアウトできます.html/cssだけでもFirefoxでは動作しませんが、SafariやChromeで動作します。

誰でもアイデアはありますか？ここで

は、人々の時間を節約するためにjsFiddleです： http://jsfiddle.net/aQf7Y/

Answer 1

それは私にはバグのように思えます。なんらかの理由で、navとarticleはbottom: 0;に設定されていますが、配置されたコンテナの下部に合わせるのではなく、実際にheader要素の下部に設定しているbottom: 298px;に計算しています。

私には理由が分かりません。繰り返しますが、私はそれがバグだと言うことができます。

Answer 2

XULボックス内で絶対配置を使用しようとしています。絶対位置指定はXULではサポートされていないため、位置スタイルは単に無視されます。

私は、あなたは彼らが同じように動作することを期待されていない場合、確かdisplay: -moz-boxを使用して、またはそのことdisplay: -webkit-boxまたはdisplay: boxのため、そしてないことをお勧めします。これらの1つ目はXULボックスで、2つ目は非常に早いCSS3フレックスボックスドラフト（XULボックスとはまったく異なります）です。これらの3つ目は存在せず、決してなりません。CSS3フレックスボックスはdisplay: flexbox、 -moz-boxと-webkit-boxの場合とはまったく異なる動作をします。