css - 使 div(在 css 中)自下而上增长？如何？

Question

我想知道如何让一个 div 自下而上地增长，而不是像通常那样。

我这里有一个例子 jsFiddle .如您所见，正确的 div 会随着内容的增加而增长，但我希望两个 div 保持固定在同一水平。 (左边的div永远不会增长)

如何让 right-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

float:left 不走运，因为它们总是顶部对齐。更改为 display:inline-block;

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

注意:</div> 之间没有空格和 <div ...>