Question

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

Answer 1

使用

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

而不是

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

这在chrome和ff中都能正常工作。

Answer 2

这不是Chrome中height()的问题。

查看http://jsfiddle.net/vHLGg/11/

上的工作示例

其他因素正在影响这种行为。如果您有overflow:hidden。这可能是问题所在。

Answer 3

如果我理解你是正确的，你希望两列看起来都在同一个高度，对吧？然后你可以使用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>

chrome没有返回右边.height（）

3 个答案: