chrome不会返回正确的.height（）

Okey dokey，我有一个jQuery函数，用于检查2个浮动在旁边的div的高度，并将背景颜色应用于父元素，具体取决于哪个更高， Chrome在使用jQuery .height()方法时不会返回正确的高度。我已经应用了一个重置样式表。如果你转到这个链接：http://miami.sightofnick.com/balanced/，你会看到我正在谈论的一个例子。在角落有一个调试盒;也尝试使用露水不同的浏览器，它适用于除镀铬以外的所有内容。基本上，我如何解决/解决这个问题？chrome不会返回正确的.height（）

来源

2011-03-03 nkcmr

这不是在铬合金height()的问题。

检查在http://jsfiddle.net/vHLGg/11/

其他的事情例如工作正在影响此行为。如果您有overflow:hidden。这可能是问题所在。

来源

2011-03-03 05:37:13 Hussein

这个问题比一些简单的文本更具动态性，它包含浮动div和更复杂的布局。 – nkcmr 2011-03-03 05:41:26

是的，您需要缩小范围并发布我们可以检查的代码。 – Hussein 2011-03-03 05:42:51

如果我理解你是正确的，你希望两列看起来在同一高度，对吧？然后，您可以使用padding-bottom：1000px和maring-bottom：-1000px来制作相同大小的列，而不是使用javascript。

例子：

<div id="container" style="overflow: hidden"> 
    <div id="left" style="float:left; padding-bottom: 1000px; margin-bottom: -1000px; background-color: red; width: 100px;"> 
     Lorem ipsum dolor sit amet<br> 
     Lorem ipsum dolor sit amet<br> 
     Lorem ipsum dolor sit amet<br> 
    </div> 

    <div id="right" style="float:left; padding-bottom: 1000px; margin-bottom: -1000px; background-color: blue; width: 100px;"> 
     Lorem ipsum dolor sit amet<br> 
     Lorem ipsum dolor sit amet<br> 
     Lorem ipsum dolor sit amet<br> 
     Lorem ipsum dolor sit amet<br> 
     Lorem ipsum dolor sit amet<br> 
    </div> 
</div>

来源

2011-03-03 09:28:51

使用

$(window).load(function(){ 
    // your code 
});

代替

$(document).ready(function() { 
    // your code 
});

这正常工作都在Chrome和FF。

来源

2013-03-07 11:08:52

chrome不会返回正确的.height（）

回答

相关问题