javascript - css中两个块之间的高度相等

Question

我有 2 个 div。如果另一个 div 高度调整，我怎样才能使它们相等。我希望我所有的 div 调整其高度，即使它们的内容较少。就像在图像中一样，即使没有数据的 div 也必须等于其他 div 并在底部设置 read more。

链接：http ://www.psyc.org.sa/ar/

CSS

.content_web_home {
    padding-bottom: 20px;
}

    .cont_right {
        float: right;
        width: 633px;
    }

    .cont_left {
        float: left;
        width: 300px;
    } 


<div class="content_web_home">

<div class="cont_right"></div>
<div class="cont_left"></div>

</div>

Answer 1

parent { display: table; }
children {display: table-cell;}

并且不要使用浮动，使用与 inline-block 或 inline-block 对齐的文本。

Answer 2

$(".cont_right").css('height', $(".cont_left").height() + "px");

这样， 的高度.cont_right被设置为与 . 相同的高度.cont_left。#id如果你要使用 JS，我会使用而不是类，只是为了确保没有任何事情被弄乱。