javascript - 仅当中心 div 较小时才使中心 div 与侧 div 大小相同

Question

当且仅当中心 div 小于 Left SideBar2 时，如何才能使我的中心 div 与 Left SideBar2 高度相同？我不确定这是否可以使用纯 CSS 完成，或者我是否应该为此使用 JS 以及如何使用？

My page

Answer 1

这应该用 javascript 来完成...这里我将使用 jquery。将其放入您的标签中并进行适当的更改。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    (function () {
        function changeHeight() {
            $centerDiv = $('#centerDivId');
            $leftBar = $('#leftBarId');
            if ($centerDiv.height() < $leftBar.height()) {
                $centerDiv.css('height', $leftBar.height())
            }
        }
    });
</script>