我有两个嵌套容器,每个容器都指定了高度和溢出。这通常按预期工作,除非我的内部容器包含 jQuery UI 按钮。在这种情况下,它“看起来”是正确的,但外部容器仍在滚动,就好像内容是可见的,即使它被内部容器隐藏了。
请参阅此 jsFiddle 以了解该问题的演示:
http://jsfiddle.net/bnT2r/1/
有没有人以前见过这个,或者可以想出解决这个问题的方法?
更新:
这似乎只是 Chrome 中的一个问题。在 FF 和 IE8 中测试,显示如预期。
TIA,
-J
最佳答案
将复选框的高度设置为 0px 似乎可以解决这个问题。看起来有点奇怪,但是因为它被 jQuery UI 隐藏了,所以现在这是可以接受的。
input[type=checkbox].ui-helper-hidden-accessible {
height: 0;
}
关于带有溢出的 jQuery UI 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11053994/