Javascript 通过脚本实现等高

使用至少支持ie9和良好浏览器的纯css的高度相等是一件痛苦的事情。 所以，我决定改用js。如果用户端没有启用js，那么高度不相等是我的最小问题

然而，我有一个非常具体的要求，在这个同等高度的情况

使用flex，在其他SO用户的帮助下，我们可以：

HTML

我想知道我们是否能实现同样的目标， 使用jquery以便旧浏览器也能正常工作

有没有已知的脚本能做到这一点，这样我们就不会在这里重新发明轮子

var leftHeight = $('.col.left').height();
var rightHeight = $('.col.right').height();

if (leftHeight > rightHeight)
{
   $('.col.right').height(leftHeight);
} else {
   $('.col.left').height(rightHeight);
}

---

如果您的站点是有响应的，您可以将其放在函数中并在$window上调用它。调整大小

如果您只有文本数据，为什么不使用table呢？这是一个示例。我不仅仅有文本数据。它可以是任何东西。如果你把它附加到调整大小上，你可能会想限制这个功能。这会使黄色部分接触到蓝色部分吗？我相信这会使柱子的高度相等。不我会进一步调查。谢谢你抽出时间。

.col {
    float: left;
    width: 30%;
    color: #fff;
}

.col.left {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    color: red;
}

.col.right {
    background-color: blue;
}

.bottom-yeah {
    flex-grow: 1;
    margin-top: 50px;
    background-color: yellow;
}

var leftHeight = $('.col.left').height();
var rightHeight = $('.col.right').height();

if (leftHeight > rightHeight)
{
   $('.col.right').height(leftHeight);
} else {
   $('.col.left').height(rightHeight);
}