scroll - CSS max-height 和 overflow auto 始终显示垂直滚动

Question

我有一个使用以下 CSS 样式设置的 div 类:

div.multiple_choice{
    border: 1px solid black; 
    max-width: 300px; 
    max-height: 200px; 
    overflow: auto;
}

问题是，当里面的文字没有强制DIV达到200px的最大高度时，垂直滚动条仍然出现。我可以单击向上和向下箭头，但它只会将内容上下移动大约一两个像素。

这发生在 Google Chrome(版本 18.0)和 Iceweasel 11 中。

Answer 1

事实证明，另一种 CSS 样式导致了这个问题:

body{
    line-height: 1;
}

任何有兴趣了解这会如​​何以及为什么会导致问题的人，都可以阅读行高属性 here