divを（cssで）ボトムアップにするには？どうやって？

Question

私はdivをボトムアップに成長させる方法を疑問に思っています。

私はここjsFiddleで例をしました。あなたはより多くの内容で右のdivが成長するのを見ることができますが、私は両方のdivを同じレベルに固定しておきたいと思います。 （左のdivが成長することはありません）

は、どのように私は右のdivは、ボトムアップを成長させることができますか？

<div id="wrapper"> 
    <div id="div_1"> 
     læskdfsædlfksæ 
    </div> 

    <div id="div_2"> 
      <tr> 
       <td>AUTHENTIQUE</td> 
       <td class="field_2">1.6 16V</td> 
       <td class="field_3">239 </td> 
      </tr> 

      <tr> 
       <td>AUTHENTIQUE</td> 
       <td class="field_2">1.6 16V</td> 
       <td class="field_3">239 </td> 
      </tr> 
    </div> 
    <div class="clearing"></div> 
    <div id="base"></div> 
</div> 

CSS：フロートと

#wrapper{ overflow: hidden;} 

#div_1{ 
    border: 1px solid red; 
    width: 100px; 
    height: 50px; 
    float: left; 
} 

#div_2{ 
    border: 1px solid black; 
    width: 200px; 
    float: left; 
} 

.clearing{ clear: both;} 

#base{ border-top: 2px solid #666;} 

Answer 1

ありません運：彼らは常にトップを揃えているので、左。表示に変更する：inline-block;

http://jsfiddle.net/HerrSerker/ZEYvk/15/

注：インラインにフロートを変更</div>と<div ...>

Answer 2

の間に空白を使用すると、後が何であるか、おそらくです - あなたも絶対にそれは内部のだ別のdivにあなたのdivを位置決めし、へbottom: 0を使用することができますdivを止めておいてください。

Answer 3

例に示すように..私はjQueryのに使用される。これは、ジャバスクリプトによって固定することができる：jsfiddle

私はコードを追加：

$(document).ready(function(){ 
    $("#div_1").height($("#wrapper").height()); 
});