2012-04-03 23 views
0

私は、ビューポート全体を塗り潰す柔軟なボックスレイアウトを作成しようとしていますが、内容が長すぎる場合はスクロールする内側のセクションがあります。しかし、内側のコンテンツは、より小さな領域に座ってスクロールするのではなく、レイアウト全体を伸ばしています。CSS3フレキシブルボックスレイアウトとオーバーフロー:自動;

私は、さらに詳細をここで設定デモを持っている:http://jsbin.com/ezazig(Firefoxの場合のみ)

height: 100%;は私が.layoutにそれがまだ無視されます500pxなどの固定の高さを与えていても、問題ではありません。

問題は何ですか?

答えて

0

CSS3の柔軟なボックスレイアウトは使用していません。あなたはXULレイアウトを使用していますが、これは動作の仕方がまったく異なります。それは本当に主な問題です....

+0

私は?このガイドhttp://hacks.mozilla.org/2010/04/the-css-3-flexible-box-model/(これは私が従ったものです)によれば、私は "The CSS 3 Flexible Box Model" 。その記事が間違っていない限り? –

+0

記事は2010年現在のものです。しかし、あなたは '-moz-box'が2010年代のCSS3ドラフトのプレフィックス付き実装であるという誤った仮定をしています。実際には、 '-moz-box 'はそのドラフトに10年ほど先行しています。 2010年のドラフトはそれに基づいているが、かなり違っていた。 2010年以降、これは、CSSフレックスボックスモデルが 'box'から' flexbox'に使用する表示タイプを変更することで明らかになりました。動作を制御するために使用するプロパティの一般的なセットも多少異なります。あなたが言及した記事にhttp://dev.w3.org/csswg/css3-flexbox/を比較するだけです。 –

+0

ああ、あなたが読んだ記事は、現在のTR版の仕様にリンクしていることに注意してください。これは実際には一度だけ最新であり、記事とは完全には一致しません。 –

関連する問題