Jquery 两个div的高度相等

我有2个div（每个6列）。左边的div中有一个图像，右边的div中有一些引号。我希望我的右div的高度与图像的高度相同

这是我的密码：

“整数是一个前威尼斯人的数字…”

Susan Sims，XYZ的交互设计师

您可以使用jQuery执行此操作

只需将类

相同高度

添加到您希望具有相同高度的DIV

jQUERY

jQuery(document).ready(function($) { //noconflict wrapper
    var heights = $(".same-height").map(function() {
        return $(this).height();
    }).get(),
    maxHeight = Math.max.apply(null, heights);
    $(".same-height").height(maxHeight);
});

---

可以将两个div的容器都设置为flexbox，这将自动为子元素应用相等的高度

试试这个：

.row { display: flex; }

---

通过将

.row

设置为flex容器，子项（

.image

和

.quote

）将成为flex项，默认情况下高度相等。有关更多详细信息，请参见此处：

使用jQuery或纯Java脚本。只需获取所需元素的高度，并将其设置为需要编辑的高度<代码>$（“.col-lg-6 quote”）.height（$（“.col-lg-6 image”）.height（））

---

希望有帮助。

简单地说：

var heightImgDiv=$（'.ImgDiv'）.height（）；
$（'.Div'）。高度（高度imgdiv）
div{
背景：红色；
浮动：左；
宽度：250px；
利润率：0 10px 0 10px；
}
img{
显示：块；
}
类似的问题也得到了回答

为方便起见，我也会在这里写下答案

Flexbox

对于flexbox，它是一个单一的声明：


.row{
显示：flex；/*子对象的等高*/
}
上校{
弯曲：1；/*此外，宽度相等*/
填充：1em；
边框：实心；
}

Lorem ipsum dolor sit amet，奉献精英。
Lorem ipsum dolor sit amet，奉献精英。所有人都可以通过以下方式获得经验，即动物健康状况减去身体健康状况下的相似债务。
在所有解决方案都不起作用的情况下对我有效。基本上，一些核心CSS框架样式与Flex和表显示声明相冲突。
.row { display: flex; }