html - ここでは、下部セクションの高さを100％にし、「。main」クラスで固定した高さ400pxを超えないようにします。

Question

デザインの下部セクションの高さが100％で問題が発生しています。ここでは、下部セクションの高さを100％にし、「。main」クラスで固定した400pxの高さを超えないようにします。そして、私は上部セクションの高さを動かしたくありません。私は常に下部セクションだけを100％欲しいです。

ここで確認できますか：http：//jsfiddle.net/jZTr2/2/

上部の青色で強調表示されたセクションを移動したくありません。そして、100％高さのボトムチャットセクションが欲しいです。

Answer 1

うまくいくことを願っています。 http://jsfiddle.net/jZTr2/10/

Answer 2

どうぞ: http://jsfiddle.net/jZTr2/12/

その秘密はdisplay:tableとdisplay:table-row. 実装のために幅を少しカスタマイズする必要があるかもしれないことに注意してください。