关于使用多层嵌套的iframe时，可能会遇到如下问题

  我们在使用多层嵌套的iframe时，可能会遇到如下问题:

  假设你的电脑分辨率为19201080,如果不是，可以将你的电脑分辨率调整到19201080,有一张图片恰好也是1920*1080,由于现在为前端比较流行，也是为了解耦滚动条隐藏css，你可能需要使用iframe一层一层的嵌套,而这个图片需要显示在iframe的最底层，原因就是为了解耦，代码如下:

`
import {onMounted,nextTick} from 'vue'
 import { Button } from 'kitty-ui-cloud'
 window.onload=()=>{
 }
canvas{
 border: 1px solid red
}
body,html,div{
 width: 100%;
 height: 100%;
 overflow: hidden;
 margin: 0px;
 padding: 0px;
}
#myDivKK{
 width: 100%;
 height: 100%;
 border-width: 0px;
}
pre>
  
  
`
Document
#myFrame{
width: 100%;
height: 100%;
border-width:0px
}
body,html{
 width: 100%;
 height: 100%;
 overflow: hidden;
}
.myDiv{
 width: 100%;
 height: 100%;
}
body{
 margin: 0px;
}
re>
  
  1、最外层页面:
  
  
`
Document
body{
 padding: 0px;
 margin: 0px;
}
.content{
 width: 1920px;
 height:1080px;
 background-color: aqua;
}
`
  如上代码所示, 需要把外面两层html的滚动条隐藏掉，然后100%全屏就不会再出现滚动条了，同学们有遇到过这个问题吗，欢迎评论区留言讨论滚动条隐藏css，反正我是被坑了，多用简单的也是做实验才是真理呀
 
 
TAGS：滚动条隐藏css 火狐css无滚动条滚动 css 导航滚动固定顶部 iframe 嵌套 
 
 !如链接失效请在下方留言。本站所有资源均来源于网络，版权属于原作者!仅供学习参考，本站不对您的使用负任何责任。如果有侵权之处请第一时间联系我们删除，敬请谅解!