インラインブロック展開の高さ親コンテナ

Question

インラインブロックとして設定された2つのdiv要素が並べてあります。それらは両方とも、含んでいるdiv内に存在します。右のdivを100％に設定しましたが、divを含むdivの高さが動的であるため、展開されません。誰も右のdivを作成する方法を知っていますか（coulmn）は、divの動的な高さに展開しますか？

<div class="container"> 
<div class="left_column">Dynamic Content In Here</div> 
<div class="right_column">Side bar to expand to the height of the containing div</div> 
</div> 

おかげで

オリバー

Answer 1

私はあなたがこのような何かを検索思う：

.container { 
    min-height: 700px; 
} 

.right_column { 
    min-height: inherit; 
} 

をまた、このjsfiddleを見ます。

Answer 2

追加してください：

html, body 
{ 
    height:100%; 
} 

#container 
{ 
min-height:100%; 
} 

Answer 3

同じ問題にいくつかの問題を持った後、最も簡単な解決策は、displayプロパティとしてtable-cell使用することを、私の意見では、あります。それは完全に正常に動作します！