IE8、iFrame和不必要的滚动条_Iframe_Internet Explorer 8_Scrollbars

IE8、iFrame和不必要的滚动条

iframe internet-explorer-8

IE8、iFrame和不必要的滚动条,iframe,internet-explorer-8,scrollbars,Iframe,Internet Explorer 8,Scrollbars,对于我正在进行的一项开发，我需要动态创建一个Iframe，其中包含一些动态内容（通常是一个图像–图像源是动态的，但尺寸是固定的）。我不需要任何滚动条出现在iframe上，这就是我所做的 <iframe id="xxxx" width="70px" height="70px" style=" scrolling: no" src="content.html"> </iframe> //content.html <body> <div style=

对于我正在进行的一项开发，我需要动态创建一个Iframe，其中包含一些动态内容（通常是一个图像–图像源是动态的，但尺寸是固定的）。我不需要任何滚动条出现在iframe上，这就是我所做的

<iframe id="xxxx" width="70px" height="70px" style=" scrolling: no" src="content.html">
</iframe>

//content.html
<body>
    <div style="height: 100%; width: 100%; overflow: hidden">
        <img id="imgDiv" src="" style="height: 100%; width: 100%; ">
    </div>
</body>


//content.html

我也在iframe上尝试过“overflow:hidden”，但观察到类似的行为

这在FF/Chrome/Safari中可以正常工作，但在IE8中不行

显然IE为滚动条保留了一些空间，即使在指定不需要滚动条之后？在右侧渲染一个空白区域，使其看起来像是图像未居中对齐。。它在一个像我这里需要的那样小的iframe里看起来真的很难看

有什么方法可以避免这种行为吗？

有一个frameborder属性可以在iFrame上设置，试试看

frameborder="0"

您可以在iFrame上设置frameborder属性，请尝试一下

frameborder="0"

在iframe的声明中，为scrolling=“no”更改样式属性style=“scrolling:no”

结果：