【问题标题】:Frames in HTML of fixed length固定长度的 HTML 框架
【发布时间】:2013-08-29 04:29:10
【问题描述】:

我有一个包含三个框架的 HTML 页面。 我已将帧的大小指定为 150px、300px 和 150px。

如果我想将第 3 帧的帧大小更改为 500 像素,则其他 2 帧会变小。 我希望页面应该带有滚动条和框架 分别为 150px、300px、500px。

【问题讨论】:

    标签: html frame frameset


    【解决方案1】:

    不要以像素为单位给出大小,比如 150 像素,而是尝试以百分比给出。 示例

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

    如果您希望框架彼此下方,即垂直,那么您可以使用框架集的rows 属性。

    【讨论】:

    • 然后它将 100% 的页面分成 20 和 80 的两个页面。它不会附加滚动条。我想要固定大小的框架。
    • 我给出的例子是20、80,你可以根据你的要求使用。对于垂直分割,使用 rows=xx
    • 假设一个普通的页面是 300px。我想要 150 像素、300 像素、500 像素的框架,然后我希望页面自身增加(通过添加滚动条)并变成 950 像素。
    • 那么在这种情况下,你应该只使用“px”,并且为了scolling目的,通过Frameset标签的属性,正如@Leo提到的那样
    • 参考我添加的另一个答案
    【解决方案2】:

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

    例如: &lt;iframe src="http://www.codeigniter.in" style="height:500px;width:500px;float:left;"&gt;&lt;/iframe&gt;

    【讨论】:

      【解决方案3】:

      解决办法是用

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

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

      【讨论】:

      • 是的,iframe 是更好的方法。但是您需要在样式中为每一帧指定位置属性。否则,如果框架超出浏览器窗口的宽度并且您想要水平滚动,则框架将被放置在彼此下方。
      【解决方案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

      【讨论】:

      • 这里您可以为每个框架添加名称并提及每个框架的来源
      猜你喜欢
      • 2019-02-28
      • 2020-03-29
      • 2011-05-18
      • 2012-01-18
      • 2011-11-19
      • 1970-01-01
      • 1970-01-01
      • 2011-05-30
      • 2016-05-14
      相关资源
      最近更新 更多