溢出自动内联内容，无滚动条

Question

我正在尝试溢出：在特定的最大高度自动执行p-tag。但是如果p-tag小于最大高度，滚动条仍然是可见的。

我在所有webkit浏览器和Internet Explorer中测试过。它总是一样的。除了Firefox呈现良好。

这是我的代码。我创建了一个用于测试的jsfiddle。

<p>test</p>


p {
  font-family: sans-serif; 
  font-size: 50px; 
  line-height: 50px; 
  overflow: auto;
  max-height: 200px }

http://jsfiddle.net/7jZLj/4/

我尝试使用-webkit-padding-after，它似乎有时会起作用。

那么，是否有任何修复或解决方法？

谢谢你的帮助。

安德烈

Answer 1

您可以尝试这样

p {    
  line-height: normal; 
  }

以下是 link

Answer 2

如下所示更新您的课程。

 p {
   font-family: sans-serif; 
   font-size: 50px; 
   line-height:auto; 
   overflow: auto;
   max-height: 200px;
  }

Answer 3

给<p> 3px填充似乎可以解决您的问题