Question

我想知道如何让div自下而上而不是正常情况。

我在jsFiddle处有一个例子。你可以看到正确的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

没有运气浮动：左，因为它们总是对齐顶部。更改为显示：内联块;

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

注意：</div>和<div ...>

之间没有空格

Answer 2

将浮动更改为内联可能就是你所追求的 - 但你也可以绝对将你的div相对于另一个div放在里面并使用bottom: 0来保持div停滞。

Answer 3

这可以通过Javascript修复..我使用jQuery，如示例所示：jsfiddle

我刚刚添加了代码：

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

让div（在css中）自下而上？怎么样？

3 个答案: