如何将两个div的高度锁定在一起？

Question

我需要创建两个div相同高度的s.每个的高度div是每一页(高度取决于内容)上的不同.有什么方法可以将两个人div的身高锁定在一起吗？这是一个jsfiddle(我需要div根据divA 增加C 的高度,相反).

注意:我不能使用表格或父级div.我是JavaScript的新手,所以我希望没有它就可以完成.

<div class="a">
    <brdsds><br><br><br><bdsdsr><br><br><br>ds<br>dsds<br>dsd
</div>
<div class="b">
    dsdds
</div>
<div class="c">
    dsdds
</div>

Answer 1

您可以使用display:table-cell,首先删除float并添加:

div {
 width 30px;
 display:table-cell;/*Add this*/
 /*float:left; Remove this*/
}

查看此演示http://jsfiddle.net/8zPD2/1/

使用前请检查兼容性