在IE中无法删除可怕的iframe水平滚动条?

mrj*_*hms 19 iframe internet-explorer

我有一个iframe.内容比我设置的宽度宽,因此iframe获得水平滚动条.我无法增加iframe的宽度,所以我只想删除滚动条.我尝试将scroll属性设置为"no",但是这会杀死两个滚动条,我想要垂直滚动条.我尝试将overflow-x设置为"hidden"并且在ff中杀死了水平滚动条但在IE中没有.对我来说很难过.

小智 44

scrolling="yes"  horizontalscrolling="no" verticalscrolling="yes"
Run Code Online (Sandbox Code Playgroud)

把它放在你的iFrame标签中.

你不需要在CSS中尝试格式化它.


Jim*_*Jim 25

滚动条不是<iframe>它的属性,它是它包含的页面的属性.尝试加入内页overflow-x: hidden<html>元素.

  • 我同意@DannyG.我们已经超越了标记中的表示属性时代.出于多种原因,纯CSS解决方案是优选的. (3认同)
  • 这个解决方案更好,以保持iframe代码轻,并有利于封装.我不应该记得添加和记住语法. (2认同)

Ric*_*ams 5

您可以尝试将iframe放在div中,然后使用div进行滚动.您可以在IE中控制div上的滚动而不会出现问题,IE实际上只有iframe滚动问题.这是一个应该做的诀窍的快速示例.

<html>
    <head>
        <title>iframe test</title>

        <style>         
        #aTest { 
            width: 120px;
            height: 50px;
            padding: 0;
            border: inset 1px #000;
            overflow: auto;
        }

        #aTest iframe {
            width: 100px;
            height: 1000px;
            border: none;
        }
        </style>
    </head>
    <body>
        <div id="aTest">
            <iframe src="whatever.html" scrolling="no" frameborder="0"></iframe>
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)