Question

我需要3个部分：我的页面处于固定位置的页眉，内容和页脚。

<body>

<div id="header">
  <div id="info">
    <span id="fa">test</span>
    <br>
    <span id="en">Honey Koohpayeh Official Website</span>
  </div>
</div>


<div id="section">
  <div class="img-holder">
    <img class="img" src="img/img1.jpg" />
  </div>
</div>

<div id="footer">
  Copyright © W3Schools.com
</div>

</body>

CSS：

#header {
  background-color:black;
  color:white;
  text-align:center;
  padding:5px;
}

#section {
  padding:10px;
  text-align: center;
}
#footer {
  background-color:black;
  color:white;
  clear:both;
  text-align:center;
  padding:5px;
}

我正在使用带有两张图片的java脚本，其中首先加载图片然后loading.gif显示，然后第二张图片显示出来。问题是，当我显示加载，然后显示第二张图片时，内容空了一秒钟，我的页脚到达标题。我需要固定位置的三个部分，没有什么可以改变它们的高度。我想使用％像页眉和页脚得到20％，内容得到其余的。

Answer 1

一种选择是在图像加载时设置固定的高度和宽度，并在接收图像时将其删除。

固定页面部分：页眉，内容和页脚

1 个答案: