按高度自适应元素

【问题标题】：Adaptive elements by height按高度自适应元素
【发布时间】：2019-09-18 21:19:39
【问题描述】：

例如我有两个图块。

如何使 Block2 中的元素与 Block1 具有相同的高度？

【问题讨论】：

一个好老的<table />怎么样？
这取决于它的用途，是的，一张桌子就可以完成这项工作。
很难用桌子改造它，但它可以工作。谢谢。

标签： jquery html css twitter-bootstrap-3 adaptive-design

【解决方案1】：

你在这里：

css

 .container{overflow:auto;width:400px;background:green;}
    .block1, .block2{float:left;width:50%;background:red;height:300px;}
    .elem{height:40px;background:blue;width:100%}

html

<div class="container">
    <div class="block1">test block 1</div>
    <div class="block2">
        <div class="elem">element 1</div>
        <div class="elem">element 2</div>
        <div class="elem">element 3</div>
        test block 2
    </div>
</div>

http://jsfiddle.net/94Xtn/

【讨论】：