CSS-overflow-y属性

参考文档：
MDN「overflow-y」
W3C「overflow-y」

背景：
最近在重构一个比较旧的项目，码着码着，发现了一个小问题。
比如这样一个结构：

导航栏和菜单栏都是固定不动的，当main盒子中内容当前屏幕放不下的时候，就会滑动来看下面的内容。这是一个最普通的场景了吧，但是你滑滑发现，有两个滚动条，main一个滚动条，最外面还有一个滚动条。。一顿查询知道了这个属性overflow-y。

正如MDN所说，这个属性就是用来决定如何处理溢出的内容。

hidden属性，就是来控制不展示滚动条哒～

#app {
  height: 100vh;
  overflow-y: hidden;
}

如果有不对，希望指出～