均衡容器行上的div高度

Question

我尝试了很多东西(css和js),并且无法让一些盒子在以下网站上具有相同的高度:

http://www.ancoris.com

我正在谈论的盒子从" Ancoris成功故事 "(橙色盒子)和2到右边开始.

我正在谈论的区域如下(我没有包括所有代码,只有容器和我需要均衡的3个div):

<div id="below-content" class="row-fluid">
   <div class="moduletable first orangebox h3 span4">
   <div class="moduletable blueboxonly span4">
   <div class="moduletable orangebox h3 span4">
</div>

我希望如果可能的话,我想用CSS做到这一点 - 但是无法得到它.

谢谢

Answer 1

为此,您可以使用display:table属性.像这样写:

#below-content{
 display:table;
}
.moduletable{
 display:table-cell;
}

注意:display:table直到IE8及以上