overflow-y未超出仍然显示滚动条解决办法

后端返回的数据有时多有时少，多的时候需要设置最大高度和滚动条显示，于是css样式如下：

p {
    max-height: 100px;
    overflow-y: scroll;
    }

效果：即使不超过这个高度，也会出现右边的滚动条，显然不是想要的。

改进如下：

 p {
     max-height: 100px;
     overflow-y: auto;
 }

效果是：不超过最大高度，不显示滚动条，超过则出现滚动条。