iframe的水平滚动条，其内容具有溢出-x：隐藏

Question

我正在使用宽度760px的登录页面，并且需要具有980px宽的内容（Flash演示）的iframe。因此，我需要有一个水平滚动条才能查看全部内容。但是，无论我添加什么作为滚动属性（例如，scrolling =“ auto / yes”等），都不会发生任何事情-根本没有水平滚动条。

iframe中显示的页面的源代码中包含以下命令：

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    overflow-x: hidden;
}

据我了解，这就是为什么我的iframe中没有水平滚动条的原因。有什么解决办法吗？

Answer 1

您应该将包装iframe在包含中div，将固定宽度应用于容器。

-

超文本标记语言

<div class="container">
    <iframe></iframe>
</div>

-

.container {
    width: 980px;
    height: auto;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}