从iframe到iframe的水平滚动

时间:2014-12-24 19:24:39

标签: html css iframe horizontal-scrolling

如果标题没有准确描述我正在寻找的内容,我道歉。我对这些东西还很陌生,而且我不确定我想要完成的术语,但这里有一张图片:

在此图片中,我使用iframe显示了另一个HTML文件(" Max to Meet the Maniacs")。您还可以看到,下面还有另一个包含另一个iframe的标题元素。我希望第二个iframe位于第一个iframe的右侧,以便我可以在两者之间水平滚动。我希望这是有道理的。我正在部署一个静态网站,所以我知道它有局限性(虽然不完全确定它们是什么)。有任何想法吗?

编辑:这是我的HTML。如果需要,我可以发布CSS。

<section id="first" class="main center profile">

<header style="height:100%;width:100%">
    <iframe style="height:100%;width:100%" src="profile.html" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0">
    </iframe>
</header>

<header style="height:100%;width:100%">
    <iframe style="height:100%;width:100%" src="danny.html" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0">
    </iframe>
</header>

</section>

1 个答案:

答案 0 :(得分:0)

让我试着解释一下,试着制作一个宽约1000px的外容器。现在你想让每个iframe宽500px,这样它们都可以适合。然后你想浮动顶部iframe左边和底部iframe右边。如果它不起作用,请尝试调整iframe的宽度,因为如果你有填充或边距,将使其超过500px并打破浮动。

帮助浮动。 http://css-tricks.com/all-about-floats/

希望这会有所帮助。