div可以滚动但是没有滚动条

在项目开发时，遇到一个需求：课程描述内容有点多，没有足够的位置显示它，刚开始做的是超出部分显示...  ，后来想着使用antd的文字提示，感觉效果不太美观，最后想到了给div添加滚动效果，但是又不想出现滚动条，如图：

 

 html代码：

<div style="margin: 0 auto;width: 990px;height: 80px;overflow: hidden;">
    <p class="postDescription" :style="Style.postDescriptionStyle">
        {{postInfo.describe}}
    </p>
</div>

js:

const Style = reactive({
    postDescriptionStyle:{

        height: '70px',
        width: '995px'
    },
})

css：

.postDescription{
   overflow-y: scroll;
   overflow-x:hidden
 }

p标签的宽度的宽度大于父div的宽度：遮盖掉div内的滚动条。