1つの列の高さをCSSで最大の高さにする方法はありますか？

Question

可能性の重複：
CSS - Equal Height Columns?

私が得るために、私は、サイドバーの高さで私のメニューを望んでいない場合は、可能であれば弾性、高さのようなもので、私のコンテナを持っている必要があり、それがここで説明されるように、ビデオコンテナと同じ高さ、：HO

http://clientes.ivopereira.net/nocktv/

任意のアイデアこれを行うにはw？私は2つの列（サイドバーとビデオコンテナ）を1つにミックスしようとしましたが、100％の高さを指定しようとしましたので、左のdiv（左の列）はできるだけ最大値として最大化できます。

提案がありますか？

Answer 1

「等高さ」の列は実際には実現できません。私が通常使用することを推奨最も近い回避策は、Faux Columns技術を使用しています。

ただし、リンクの例を詳しく見てみると、サイドバーを上端ではなく下端に合わせたいと思うようです。私はこの効果をどのように達成したいかの簡単な例をまとめました。 Faux Columns技術と組み合わせることもできます。私はあなたがHTMLとCSSのいくつかの能力を持っていると仮定していますが、助けが必要な場合は何か質問をしてください。

HTML：

<div id="container"> 
    <div class="sidebar"> 

    </div><div class="main"> 

    </div> 
</div> 

CSS：

#container { 
    white-space: nowrap; 
    text-align: center; } 
#container > div { 
    white-space: normal; 
    text-align: left; 
    display: inline-block; } 
.sidebar { 
    background: red; 
    width: 200px; 
    height: 100px; } 
.main { 
    background: blue; 
    width: 300px; 
    height: 200px; } 

プレビュー：テーブルとテーブルセル：http://jsfiddle.net/Wexcode/8SnGS/

Answer 2

ちょうどディスプレイ使用さあhttp://jsfiddle.net/8BXGD/