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;