使div（在CSS中）自下而上增长？怎么样？

我想知道如何让div自下而上，而不是像通常那样。使div（在CSS中）自下而上增长？怎么样？

我在这里的例子是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;}

来源

2012-03-14 YoniGeek

如果u添加更多的内容表，股利是扩大... gont得到你的意思。 – Ace 2012-03-14 14:02:08

你的HTML是一团糟。不要把div和tr/td这样混在一起 – HerrSerker 2012-03-14 14:08:09

@yunzen我知道我只是想出了一些快速肮脏的内容来展示这个想法 – YoniGeek 2012-03-14 14:31:22

没有运气浮动：左，因为他们始终是对齐的顶部。更改为显示：inline-block;

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

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

来源

2012-03-14 14:11:20 HerrSerker

好男人谢谢 – YoniGeek 2012-03-14 14:32:07

改变浮到内联之间没有空格可能是你所追求的 - 但你也可以完全属于你的div相对位置到另一个DIV它的内部并使用bottom: 0来保持div卡住。

来源

2012-03-14 14:16:50 nick501414

这可以用JavaScript来定。我用jQuery的作为示例所示：jsfiddle

我刚添加的代码：

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

来源

2012-03-14 14:18:34

我觉得这段代码不会做这件事...... :( – YoniGeek 2012-03-14 14:32:42

Make确保包含jQuery库..它可以在所有浏览器上正常工作。 – 2012-03-14 15:37:57

使div（在CSS中）自下而上增长？怎么样？

回答

相关问题