自适应元素的高度

Question

例如，我在图片中有两个块。

Blocks http://s020.radikal.ru/i720/1407/9a/60fd6354de97.png

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

Answer 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/