Javascript 使用jquery使父-子div的高度不相等？

我正在试图修复一个客户端错误，我不允许更改html或css结构。如您所见，有3个div块并排使用引导创建，并且是响应的。当其中一个div的标题很长或内容很长时，就会出现问题，在本例中是第一个标题。高度是自动的，我想通过引导使所有3个div都不均匀，因为其中一个需要更多的空间来添加内容。他们通常没有像我的例子那样长的标题，但即使标题稍微长一点，也会像在iPad大小的屏幕上一样使div不均匀。如何在jquery中定位这些div，并使用if-else检查其中一个div是否更长，其他2个div将自动调整其高度

.homefont{ 字体系列：HelveticaNeue Light、Helvetica Neue Light、Helvetica Neue、Helvetica、Arial、Lucida Grande、sans serif； } .home分目h1{ 颜色：006ac3； } .主页子内容p{ 颜色：7c7f7e； 边缘顶部：15px； 字体大小：16px； 边缘底部：30px； } .doc内容h3{ 颜色：0a5185； 边际上限：0px； 填充顶部：20px； } .doc内容{ 背景：f1f1； 填充：0px 15px 30px 15px； } .doc内容ul li:之前{ 字体系列：Fontsome； 内容：\f105； 浮动：左； 宽度：1.4em； 左边距：-35px； 背景：0a5185； 右边距：14px； 文本对齐：居中； 颜色：白色； 字体大小：粗体； 边缘顶部：5px； } .文件内容{ 列表样式：无； } .doc内容ul li{ 边缘底部：20px； } .doc-content1 h3{ 颜色：726d7b； } .doc img img{ 高度：196px！重要； 最大宽度：100%； } .doc img img：悬停{ 转换：scale1.1； } .doc img img{ -webkit转换：-webkit转换。3s易于输入输出； 转换：转换。3秒轻松输入输出； 光标：指针； } 标题一个EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 标题一 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 标题一 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊

---

可以在它们上面循环，获得所有高度并存储最高值，然后在所有它们上设置该高度

注意，这不考虑图像加载时间

另一种方法是对它们应用内嵌flexbox css

var-maxHt=0； $'.doc content'.eachfunction{ var ht=$this.height； maxHt=ht>maxHt？ht:maxHt； }.heightmaxHt； .homefont{ 字体系列：HelveticaNeue Light、Helvetica Neue Light、Helvetica Neue、Helvetica、Arial、Lucida Grande、sans serif； } .home分目h1{ 颜色：006ac3； } .主页子内容p{ 颜色：7c7f7e； 边缘顶部：15px； 字体大小：16px； 边缘底部：30px； } .doc内容h3{ 颜色：0a5185； 边际上限：0px； 填充顶部：20px； } .doc内容{ 背景：f1f1； 填充：0px 15px 30px 15px； } .doc内容ul li:之前{ 字体系列：Fontsome； 内容：\f105； 浮动：左； 宽度：1.4em； 左边距：-35px； 背景：0a5185； 右边距：14px； 文本对齐：居中； 颜色：白色； 字体大小：粗体； 边缘顶部：5px； } .文件内容{ 列表样式：无； } .doc内容ul li{ 边缘底部：20px； } .doc-content1 h3{ 颜色：726d7b； } .doc img img{ 高度：196px！重要； 最大宽度：100%； } .doc img img：悬停{ 转换：scale1.1； } .doc img img{ -webkit转换：-webkit转换。3s易于输入输出； 转换：转换。3秒轻松输入输出； 光标：指针； } 标题一个EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 标题一 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 标题一 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 杰克逊 为什么不为h1设置最大宽度和最大高度

---

设置溢出隐藏，你也可以通过jquery来实现。@MuhammadOmerAslam不幸的是，我也不能使用scroll。另外，我必须在两个ul上都使用“max”，因为它不会滚动，或者我不明白你在说什么。你希望标题即使很长也可见吗？你希望其他面板根据标题较长的面板调整其高度吗？