解决ui框架（easyui），iframe多重滚动条。滚动条，闪现闪没，宽高呈现受到影响。

公司使用的easyui框。easyui框架的标签页面，是使用iframe引入页面的方式，多个iframe之间切换。由于使用方式的问题，出现三层滚动条，解决方法也出现了新的问题。

       

        总体而言，滚动条的原因是页面内容超出规定范围。

  以下情况，会在设置超出出现滚动条，出现滚动条。

       1.宽高设置100%，边框设置1px。

       2.当宽设置100%，高超出范围出现右滚动条，横滚动条也会出现。反之亦然。

       3.使用iframe时，引入页面内容宽高，超出ifame设置的宽高，出现滚动条。（页面内容使用绝对定位，脱离文档也会出现。它是以整体视觉的宽高，对应外部iframe宽高）

       4.动态情况下，原本没有滚动条，内容不变，外框设置百分比，横竖滚动条出现（闪现，闪没的原因）

       iframe内套iframe，解决滚动条方案。

      第一层iframe页面。

       1.ifame设置宽高,设置为100%。

       2. 页面/iframe外框，设置最小宽高(b),

       核心思想，不能让iframe框外出现滚动条。

     第二层iframe页面。

      1.ifame设置宽高,设置为100%。

      2.body，设置一个最小宽度，二层页面的固定宽高的大小。设置相对定位。

      3.body内容被第一div包住。设置绝对定位，上下左右设置为0，或者想要空白。目的是当浏览器或者外框发生宽高改变时。内部也在余留空白内改变宽高。

      4.给easyui的设置datagrid的table（a），外部添加一个div（b）。设置样式overflow-x：hidden。解决改变宽度时，并不动态重新计算，会超出视框出现滚动条。

      5.在生成easyui生成datagrid的js地方。设定条件如果设置的宽度为100%，setInterval,获取a,b的宽，如果a！=b,那么重新resize这个table。