1

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

我的页面

4

3 回答 3

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>
于 2012-12-19T19:34:46.557 回答
0 
jQuery(document).ready(function() {
    var $center = jQuery('.center-selector');
    $center.height(getCenterHeight());
});

var getCenterHeight = function() {
    var $left = jQuery('.left-sidebar-container-selector');
    var $right = jQuery('.right-sidebar-container-selector');

    var leftHeight = parseInt($left.height(), 10);
    var rightHeight = parseInt($right.height(), 10);

    return Math.max(leftHeight, rightHeight);
};
于 2012-12-19T19:36:48.257 回答
0

您也许可以使用 CSS3min-height属性来设置居中 div 的最小高度。

于 2012-12-19T22:27:23.527 回答