带有内联内容的溢出自动没有滚动条答案

【问题标题】：Overflow auto with inline content without scrollbar带有内联内容的溢出自动没有滚动条
【发布时间】：2014-08-08 14:00:43
【问题描述】：

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

我在所有 webkit 浏览器和 Internet Explorer 中进行了测试。它总是一样的。除了 Firefox 渲染良好。

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

<p>test</p>


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

我尝试过使用 -webkit-padding-after，它有时似乎可以工作。

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

感谢您的帮助。

安德烈

【问题讨论】：

【解决方案1】：

你可以这样试试

p {    
  line-height: normal; 
  }

这里是link

【讨论】：

【解决方案2】：

如下所示更新您的课程。

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

【讨论】：

【解决方案3】：

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

【讨论】：