关于body中设置overflow:auto不生效解决方案

版权声明:本篇博客内容来源于本人亲身经历,属于本人原创,转载请注明出处,感谢分享~~ https://blog.csdn.net/hl_qianduan/article/details/85071926

我遇到的情景,在一个项目之前的框架中,嵌入一个iframe页面,发现超出页面之后不显示滚动条

ok,那我自己给body加一个overflow:auto;

发现没有解决问题

我对比之前的别的页面,发现也有这样的超出的内容,发现在body添加还要设置高度,嗯我又给body加了一个height:100%;嗯哼我觉得正常情况下是可以的了,但是很happy我经常遇到不正常的情况,我打开控制台看到上一层iframe标签竟然有scrolling=no,我去,我把scrolling=auto,可以滚动条出现

大家以为这样就结束了吗

因为我手里没有大框架的代码,不能改iframe内的属性,o(* ̄︶ ̄*)o

然后继续百度搜索,

嗯哼,我灵机一动,意识到应该是我设置的body{height:100%;}没有生效,好的至此发现了问题所在

height:100%不行俺换一个height:100vh,好了,哈哈

完了吗,

没有

在改了代码之后发现,还是不行,又把height:99vh,至此好了

修改方案总结

html{overflow:hidden}
body{overflow:auto;height:99vh}

疑惑:不清楚问什么需要出现这样的问题

 有遇到过的并且知道原因的小伙伴劳烦告知在下

猜你喜欢

转载自blog.csdn.net/hl_qianduan/article/details/85071926