当且仅当中心div小于Left SideBar2时,如何使我的中心div与Left SideBar2的高度相同? 我不确定这是否可以用纯CSS完成,或者我是否应该使用JS以及如何使用?
答案 0 :(得分: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>
答案 1 :(得分: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);
};
答案 2 :(得分:0)
您可以使用CSS3 min-height
属性设置居中div的minimum height。