Question

我试图让div'.impress'与div'.page'的高度相同，但我的'.impress'div的高度显示不正确（'.impress'为小）。

JQuery：

var getHeight = $('.page').height();
$(".impress").css('height', getHeight+200);

Answer 1

您应该使用jquery的height（）方法来设置高度：

$(".impress").height(getHeight+200)

或者，如果您使用的是css('height',...)，请务必在您的情况下包含单位：

$(".impress").css('height', (getHeight+200) + 'px')

Answer 2

在访问.impress的高度

之前，您是否已确保DOM已加载并准备就绪？

确保在$(document).ready(function() {});中进行此项操作，以确保.impress已布置并且高度合适。

Answer 3

首先确保.page存在。

if($('.page').length){
    var getHeight = parseInt($('.page').height());
    $(".impress").css('height', getHeight+200);
}
else{
    alert('oops');
}

更新

如果$('.page')存在，请确保它有一定的高度。包含所有子项的父级可能拥有height = 0

JQuery获取和设置高度

3 个答案:

更新