vue 百度离线地图 iframe框架 滚动条隐藏

今天在做项目的时候，碰到一个问题

 <div id="app">

    <el-container>
      <el-aside width="360px">
        <el-container>
          <el-header>***系统</el-header>
          <el-aside width="100%">
              <el-tabs type="border-card">
                <el-tab-pane label="设备">
                  <el-input v-model="input" placeholder="请输入内容"></el-input>
                  <el-table :data="tableData" style="width: 100%">
                    <el-table-column prop="item_id" label=" "  width="20">
                    </el-table-column>
                    <el-table-column prop="item_lb" label=" " width="20">
                    </el-table-column>
                    <el-table-column prop="item_mc" label=" ">
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
                <el-tab-pane label="历史">配置管理</el-tab-pane>
              </el-tabs>
          </el-aside>
          <el-footer>*****@2020</el-footer>
        </el-container>
      </el-aside>
      <el-main>
        <iframe id="ditu" src="http://192.168.0.88:8088/webgis/static/index.html" frameborder="0" border="0" width="100%" height="100%" scrolling="no" allowtransparency="yes"></iframe>   
      </el-main>   
    </el-container>

http://192.168.0.88:8088/webgis/static/index.html 这个是自己做的百度离线地图网址

iframe一直碰到一个问题就是 右边滚动条一直显示，查找网上资料，frameborder="0" border="0" width="100%" height="100%" scrolling="no" 

这些加了之后还是会存在，

  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow:hidden;
    /*line-height: 160px;*/
  }

后面.el_main 加了overflow:hidden; 滚动条不显示了，这里做个记录