html - 即使 div 不大于最大高度，如何隐藏滚动条

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/