CSS 隐藏内容区域滚动条（兼容火狐、谷歌）

<div class="outLayer">
    <div class="midLayer">
        <div class="contentLayer">
            ...内容...
        </div>
    </div>
</div>

.outLayer {
  max-height: 40vh;
  overflow: hidden;
}

.contentLayer {
  padding: 0 3px;
}

.midLayer {
  max-height: 40vh;
  min-height: 15px;
  overflow-y: scroll;
  width: calc(100% + 20px);
}

因为是从项目中直接ctrl+c过来的，可能存在一些不相关的样式，仅供参考。

思路就是：midLayer滚动层的宽度要超出outLayer一个滚动条的宽度（20px左右），然后利用outLayer的【overflow:hidden】属性将超出的滚动条隐藏。至于contentLayer可以根据调整偏差，在给内容设置一些margin或padding或其他样式，使其更加美观。

如有错误，欢迎大家指正！