Question

我有一个包含三个框架的HTML页面。我给出的帧大小为150px，300px和150px。

如果我想将第3帧的帧大小更改为500px，则其他2帧会变小。我想要的是页面应该是滚动条和框架分别为150px，300px，500px。

Answer 1

将iframe的宽度和高度设为样式。

例如： <iframe src="http://www.codeigniter.in" style="height:500px;width:500px;float:left;"></iframe>

Answer 2

不要像150像素一样给出像素大小，而是尝试以百分比形式给出它。示例

<FRAMESET cols="20%, 80%">

如果你想要彼此之下的帧，即垂直，那么你可以使用frameset的rows属性。

Answer 3

解决方案是使用＆lt; iframe＆gt;而不是＆lt; frameset＆gt;

< iframe class="one" src="one.html" >< /iframe >

现在我们可以用这个类来改变宽度和高度。

Answer 4

如果您使用的是iframe（HTML 5功能），则可以在样式中提及位置。我为此编写了示例html页面，它可以根据需要运行。增加帧宽度的水平滚动按预期工作。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <iframe width="150px"></iframe>
        <iframe width="300px"></iframe>
        <iframe width="2000px" style="position: absolute"></iframe>
    </body>
</html>

以iframe风格浏览position的以下链接 http://www.w3schools.com/cssref/pr_class_position.asp

固定长度的HTML框架

4 个答案: