仅在溢出时启用滚动条答案

【问题标题】：Enable scroll bar only when overflow仅在溢出时启用滚动条
【发布时间】：2020-03-16 00:19:51
【问题描述】：

在我的代码中，我使用overflow-y: scroll 启用滚动条，并将最大高度设置为 40 像素。在 chrome 浏览器中它运行良好，滚动条仅在发生溢出时可见（即文本长度超过 2 行）。但是在一直可见的Firefox Web浏览器垂直滚动条中，我的要求是只有在发生溢出或超过40px的高度时才能看到垂直滚动条。

<div class="message-main-ok-text has-warning" style="max-height:40px;overflow-x:hidden;overflow-y:scroll;">

请帮帮我

【问题讨论】：

标签： php html css google-chrome mozilla

【解决方案1】：

<!DOCTYPE html>
<html>
<head>
<style>


</style>
</head>
<body>
<div class="message-main-ok-text has-warning" style="height: 110px;
  overflow: auto;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibhLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibhLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibhLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibhLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibhLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibhLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibhLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibheuismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>


</body>
</html>

【讨论】：

【解决方案2】：

试试这个，把scroll改成auto：

溢出-y:auto

【讨论】：