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

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

  <pre class="kdocs-plaintext">`

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>

  <pre class="kdocs-plaintext">`

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、最外层页面:

  <pre class="kdocs-plaintext">`

Document

body{
    padding: 0px;
    margin: 0px;
}

.content{

 width: 1920px;
 height:1080px;
 background-color: aqua;

}
`</pre>

  如上代码所示, 需要把外面两层html的滚动条隐藏掉，然后100%全屏就不会再出现滚动条了，同学们有遇到过这个问题吗，欢迎评论区留言讨论滚动条隐藏css，反正我是被坑了，多用简单的也是做实验才是真理呀