vue项目纵向撑满了屏幕却不出现滚动条

Question

做了给小demo，一个页面布局成上中下三栏，每栏再使用了圣杯布局分成三列，但是现在撑满了屏幕却不能有滚动条出现？怎么解决？

Answer 1

谢谢三位的帮助，解决了，在index.html页面下加入以下代码就可以了，三楼让加overflow:hidden，需要换成overflow:auto；
换成scroll也可以滚动，但是出现了三个滚动条不知道什么原因。

<style>
    html,
    body,
    #app {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: auto;
    }
</style>

Answer 2

给最大的盒子价格overflow:auto.或者scroll

Answer 3

在index.html加个
html,body,#app{
width: 100%;height: 100%;margin: 0; padding: 0; overflow: hidden;
}
试试