jquery - 带有溢出的 jQuery UI 按钮

Question

我有两个嵌套容器，每个容器都指定了高度和溢出。这通常按预期工作，除非我的内部容器包含 jQuery UI 按钮。在这种情况下，它“看起来”是正确的，但是外部容器仍然滚动，就好像内容是可见的，即使它被内部容器隐藏了。

有关该问题的演示，请参见此 jsFiddle：http:
//jsfiddle.net/bnT2r/1/

有没有人以前见过这个，或者可以想出一个解决这个问题的方法？

更新：
这似乎只是 Chrome 中的一个问题。在 FF 和 IE8 中测试，结果符合预期。

TIA，
-J

Answer 1

将复选框的高度设置为 0px 似乎可以解决问题。看起来有点奇怪，但由于它被 jQuery UI 隐藏，现在这是可以接受的。

input[type=checkbox].ui-helper-hidden-accessible {
   height: 0;
}

Answer 2

尝试将 #outer div 的溢出和位置属性更改为：

position:relative;
overflow:hidden;

jsFiddle 示例。