CSS 最大高度和溢出自动始终显示垂直滚动

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 中。

原文由 lightningmanic 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

 body{
    line-height: 1;
}

任何有兴趣了解这会如何以及为什么会导致问题的人都可以 在此处 阅读有关 line-height 属性的信息

原文由 lightningmanic 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

只是为了证明 @Kuba Orlik 的解决方案（他作为对已接受答案的评论发表）这是唯一对我有用的解决方案。

在内部元素上添加：

 line-height: normal;

注意：明确 normal 不是 1 因为它不同

原文由 Fred K 发布，翻译遵循 CC BY-SA 4.0 许可协议