不设置div
高度
实现自动
滚动条
div设置
滚动条
时，一般需要指定
高度
，再设置overflow-y:auto 方才有效。但是，有时，我们不希望指定div的
高度
，或者不好给定某个
高度
，时，怎么设置其
滚动条
呢？
看下面代码
.parent{
position:relative;
height:100%;
.child {
top:0;
bottom:0;
overflow-y:auto;
<div class
在
容器
中设置 flex-grow:2; overflow-y:auto;overflow-x:hidden;
容器
高度
自适应。
内容
高度
不
固定
，无法
出现
滚动条
，然后在
容器
中添加height：0，
出现
滚动条
，个人猜想为设置height：0后，将默认的盒子模型
高度
设置为空，让flex设置的
高度
生效；
//TODO 实验，查资料
转载于:https://www.cnblogs.com/stranger...
在移动端 safari 或者 chrome 浏览器中，使用 100vh，会
出现
滚动条
。
在 safari 和 chrome 浏览器中，100vh 是指去掉地址栏的
高度
，所以会
出现
滚动条
。
移动端一般不考虑 chrome 浏览器，用户基数小，如果只考虑微信公众号开发也不用考虑这个问题。如果需要考虑 safari 浏览器的用户体验，建议使用 100% 替代 100vh，或者使用 js，而不是 100vh。
css
中div不用设定
高度
，自动根据内容
出现
滚动条
转自https://blog.csdn.net/franklin_hemm_2012/article/details/78640753
css
部分
.parent{
position:relative;
height:100%;//
高度
根据需求自行设定
.child{
left:0;
top:0;
ri...
当页面内容
超出
页面
高度
并且
出现
滚动条
时，可以直接在页面最外层添加overflow:hidden;但由于vue组件直接给body添加
css
样式是无效的，因此，可以这么做：
mounted() {
document.getElementsByTagName("body")[0].style = "overflow: hidden;";
其实不仅可以用overflow:hidden; height:100vh; overflow-x: hidden; overflow-y: h
