0

我正在制作一个网页的布局，我希望它在所有屏幕上都具有相同的外观。我正在处理的页面包含三个部分，页眉、主页和页脚，我希望页眉位于屏幕顶部。主要和页脚粘在页面底部。

这是我想做的事情：

  1. 我将页眉放在顶部，但我无法在主要和页脚部分添加百分比。

  2. 在标题中还有一个名为“div5”的 div，我希望它贴在父 div 的底部，即主框或中间框。

  3. 在页脚中，我有三个框，希望将它们分别放在左侧、右侧和中间。

你能看看链接的网站，让我知道如何解决这些问题。

4

2 回答 2

1

百分比高度仅在您将父元素设置为具有高度时才有效。

（元素会问“什么的百分比？”）

这里我们给body设置一个高度

css

<style type="text/css">

      html,body { height:100%;}

      #header { display:block; height:10%; }
      #main   { display:block; height:80%; }
      #footer { display:block; height:10%; }

</style>

标记

   <body>
    <div id="header"></div>
    <div id="main"></div>
    <div id="footer"></div>
   </body>
于 2012-05-26T20:45:07.490 回答
0

通过这样做，您使您的 div 2,3 和 4 重叠。确保即使是这样也得到了照顾。是的，您必须考虑选择 Css 媒体查询。请在此处查看演示

于 2012-05-26T22:39:04.390 回答