jQuery高度坏了

Question

  看看这个：      

http://jsfiddle.net/JamesKyle/3FaVN/

     

  

1. 尝试垂直调整结果：之后两列正确滚动。

  

2. 接下来水平调整大小，然后再次尝试垂直调整大小：注意列不再等于视口高度且不能正确滚动。

  

我不明白这里发生了什么。

我的javascript似乎很容易：

function setHeight() {
     $('.panel').height( $(window).height() );
}

$(window).load(setHeight).resize(setHeight);

谁知道是什么原因导致的？任何想法如何解决它？

Answer 1

在height: 100%; divs

上使用height: inherit;代替.scroll

Answer 2

jQuery resize工作正常，因为'div.panel'的高度是正确的。它是'div.panel'的内部div，其高度不合适。 设置子高度将解决修改后的问题jsfiddle

Answer 3

jQuery工作得很好; .panel的高度设置正确。然而，它的孩子根本没有被安置。

Answer 4

您的活动是通过调整大小来解决的，只需输入console.log即可。我不知道为什么，但这项工作http://jsfiddle.net/3FaVN/24/

Answer 5

webkit中有一个错误显示：table（-cell）和调整大小，请参阅https://bugs.webkit.org/show_bug.cgi?id=53166。

我会远离显示器：表现在。

编辑：在阅读了更多内容之后，我不确定这适用于您的情况。但是对我来说，经过相当多的测试后，它确实感觉像是某种类型的webkit中的一个错误（如：它已经坏了，经过一些元素检查后，事情似乎再次起作用了......）