Jquery 使立柱高度与响应转盘的高度匹配

在我的网站上，我有一个响应式旋转木马，它占据了75%的宽度，在右边有一个新闻栏，它占据了另外25%的宽度。 无论何时调整窗口大小，我都希望新闻栏的高度与旋转木马的高度相匹配，我已经通过以下jQuery成功地做到了这一点：

function equalizeHeights() {
    var height = $('#carousel').height();
    $('#news').css('height', height + 'px');
};

$(window).load(function() {
    $('.flexslider').flexslider();

    var height = $('#carousel').height();
    $('#news').css('height', height + 'px');

    equalizeHeights();
    $(window).resize(function() {
        equalizeHeights();
    });
});

---

但是，由于它首先获取旋转木马的高度，然后将其应用于该部分，因此在调整窗口大小时会出现明显的延迟，我想知道有什么更好的方法可以使两者同时调整大小。

使用CSS，这就是它的用途。抱歉？如果我错过了一个明显的解决方案，那么有一点指导还是不错的。你有一些HTML/CSS或小提琴要展示吗？更容易进行测试并找到解决方案