javascript - JQuery获取和设置高度

Question

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

查询：

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

在访问高度之前，您是否确保 DOM 已加载并准备就绪.impress？

确保这是发生的，$(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