Question

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

link：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;}

不要使用float，使用内联块或内联块文本对齐。

Answer 2

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

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

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

2 个答案: