如果标题没有准确描述我正在寻找的内容,我深表歉意。我对这些东西还很陌生,我不确定我想要实现的目标的确切术语,但这是它的图片:
在此图像中,我使用 iframe 显示了另一个 HTML 文件(“Max to Meet the Maniacs”)。您还可以看到,下面还有另一个 header 元素,其中包含另一个 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>
让我尝试解释一下,尝试制作一个大约 1000px 宽的外容器。现在您想让每个 iframe 宽 500 像素,以便它们都能适合。 然后您希望顶部 iframe 向左浮动,底部 iframe 向右浮动。 如果它不起作用,请尝试调整 iframe 的宽度,因为如果上面有填充或边距,则会使其超过 500 像素并破坏浮动。
帮助漂浮。 http://css-tricks.com/all-about-floats/
希望这有帮助。