css - Firefox 100% 高さ、ノーブレーク

Question

高さ 100% の 2 つの列を持つテンプレートを作成したいと考えています。それらは、約 960px の 1 つの列としてくっつく必要があります。

どういうわけか、Firefox は独自の処理を行っており、2 つの列を 100% 取得できません。

http://jsfiddle.net/BbC4N/5/

<div id="head">Menu</div>
<div class="wrapper">
    <div class="wrapper2">
        <div id="left" class="inner">LEFT</div>
        <div id="right" class="inner">RIGHT</div>
    </div> 
</div>

Answer 1

この場合、CSSテーブルを使用することをお勧めします。

これは非常に単純化されたデモです: http://jsfiddle.net/BbC4N/9/

Answer 2

変化する：

.wrapper {
   display: table;
}

に：

.wrapper {
   display: block;
}

とdiv を表示.wrapper { margin-top: 48px; }するためにを追加しましたが、すべてが Firefox で動作するようです。leftright

フィドル