html - 他のdivの高さに基づいてdivの高さを増やします

Question

私は 1 つのメイン Div を持っていますが、その中に 3 つの Div (左、中央、右) を配置しました。私の要件は、中央の div の高さが自動的に増加すると、左右の div の高さも中央の div と同じように増加する必要があるということです。私はこのタスクに全力を尽くしましたが、私にはできません。どの CSS プロパティを使用する必要があるか教えてください。 .これがフィドルです

<div class="mainDiv">
<div class="left">Left</div>
<div class="center">Center</br>Center<br/>Center<br/></div>
<div class="right">Right</div>
</div>

Answer 1

http://jsfiddle.net/pfqpR/

 .mainDiv { 
      height: auto;
 }
 .left, .right { 
      height: 100%;
 }

Answer 2

bottom :0; に応じて使用@Mr_Green

このように

.mainDiv{ position: relative; height: auto;}
.left{ position: absolute;background:red; left: 0; top: 0; width: 100px; bottom:0;}
.right{ position: absolute;background:blue; right: 0; top: 0; width: 100px;bottom:0; }
.center{ margin: 0 100px;background:green; }

デモ