在 Firefox 和 Chrome 中使用 jQuery 计算高度有所不同

我有一个已经被问过的问题here https://stackoverflow.com/questions/3518436/jquery-height-problem-with-chrome，但是那里提供的解决方案不起作用。问题是我使用 jQuery height() 函数返回 div 的高度。它在 Firefox 中运行良好，但在 Chrome 中返回的值小 300px...

您可以查看此错误的示例here http://engineercreativity.com/samples/sheli。但我必须说这是希伯来语。虽然这应该没有多大关系...

以前有人发生过这种情况吗？这是计算高度的代码：

var heightLeftCol = $('#leftCol').height();
var sidebarHeight = $('#sidebar').height();
var minHeight = heightLeftCol > sidebarHeight ? heightLeftCol : sidebarHeight; 
$('#postArea').css('min-height', minHeight+100);

编辑：这个问题是不固定 but 解决了以一种我不喜欢的方式，但现在就可以了。这是我想出的“解决方案”：

if (jQuery.browser.safari) {
    $('#postArea').css('min-height', minHeight+400 + 'px');
}
else {
    $('#postArea').css('min-height', minHeight+100 + 'px');
}

由于 Safari 和 Chrome 都运行在 WebKit 上，browser.safari实际上也选择了 chrome..我绝对不认为这是一个最佳解决方案。

谢谢！ 阿米特

在 Chrome 中，div 的高度不包括 300 像素高的图像“sheli.jpg”的高度，因为它没有在 html 或 css 中的任何位置指定。如果您指定height="300"在您的 标签中或height: 300px;作为其风格的一部分，它会起作用。