为什么垂直滚动条总是可见

Question

这是我的 plunker：http ://plnkr.co/edit/q3MpeDT2rSSCUy8CHdUa?p=preview

div.tooltip {   
    position: absolute;         
    text-align: center;         
    width: 100px;                   
    height: 500px;                  
    padding: 2px;               
    font: 12px sans-serif;      
    background: lightsteelblue; 
    border: 0px;        
    border-radius: 8px;         
    overflow-y: scroll;
}

当您将鼠标悬停在其中一个圆圈上时，即使高度足以容纳内容，也始终可以看到带有垂直滚动条的工具提示。为什么垂直滚动始终可见。我如何让它仅在内容实际溢出时才显示？

Answer 1

只需更改overflow-y:scroll为overflow-y:auto;