IE7：复选框滚动时不包含 li，显示不当

Question

我有一个<ul>包含几个垂直堆叠的<li>。<li>在<ul>中滚动，<li>中包含复选框。在IE7中，这些复选框不会随着包含<li>的复选框一起滚动，并且即使当它们应该被剪切时也会一直显示。jsFiddle:

http://jsfiddle.net/m4asa/6/

你知道是什么导致了这个问题吗?该代码适用于Chrome、Firefox和IE8。

Answer 1

ul.selector li input[type="checkbox"] 
{
    display: block;
    left: 1px; top: 2px;
    margin-right: 4px;
    float: left;
}

在你的CSS中使用它，而不是ul.selector li input[type="checkbox"]。你可能需要稍微调整一下页边距，但它可以解决IE7的滚动问题(在IE7和Chrome中测试过，所以你应该检查其他浏览器以确保它在这些浏览器中仍然有效)。