部分被调整

Question

我在与

一个奇怪的问题，我在 http://jsfiddle.net/alexjamesbrown/oqu54cav

在源创建的小提琴，还有在行153 <li>元素说'这应该是可见的'
但是，当最初运行它时，它在滚动窗口中不可见。

如果我调整窗口的大小，甚至一点点，对其余项目均可见预期

我挣扎看）是什么原因造成这一点，和b）为什么它修复本身调整大小？

Answer 1

如果关闭prettycheckable，则可以看到问题没有发生。我相信这是因为滚动条插件在之前读取div 的高度，因此可以通过漂亮的可检查插件使复选框变大。因此，div的高度被设置，滚动条被生成，然后复选框与其他插件一起被放大。

现在您正在为生成的元素设置高度。这些只有在javascript评估过后才会发挥作用。为了解决这个问题，你需要在真实的html中设置样式。例如，这能解决你的问题：

.overview li { 
    height: 2.5em; 
} 

因为.overview li是有前面的复选框是“prettyfied”，然后生成它们时，它们不会使该元素的任何大。