html - 即使 div 不大于 max-height 如何隐藏滚动条

Question

我有一个名为面板的 div，其 CSS 是

.msg_panel
{
width:100px;
height:45px;
max-height:200px;
padding: 3px;
overflow-y:scroll;
overflow-x:hidden;
}

现在即使面板的高度不大于最大高度，我也可以看到滚动条（你可以在图片中看到）。我希望滚动条只有在达到最大高度时才可见。

我尝试了javascript，但只能在css中完成

Answer 1

将overflow-y属性设置为auto

工作示例 http://jsfiddle.net/TLwcX/1/

Answer 2

将 overflow-y 设置为 auto 会删除垂直滚动，并且仅当内容超过 200px 的最大高度时才会出现...

.msg_panel
{
  overflow-y:auto;
}

Answer 3

您已明确声明您需要垂直滚动始终可见：overflow-y: scroll;

要让浏览器决定何时显示滚动，请使用以下命令：overflow-y: auto;