3

我正在尝试模仿这个简单的布局：

_______________________________________
|____header___________________________|
     |                           |
     |                           | 
     | Blueprint Container       | 
     |                           | 
     |                           |
     |                           |
     |                           |
     |                           |
_____|___________________________|_____
|__footer______________________________|

在哪里

  1. 页眉和页脚横跨页面的宽度
  2. 标题始终位于顶部
  3. 页脚粘在底部
  4. 蓝图容器是一个固定宽度的容器，其中的所有内容都使用蓝图进行管理。

实现这一目标的最佳方法是什么。挑战在于我较弱的布局技巧和理解如何使页眉/页脚流畅，以便它们始终拉伸但容器保持固定。

4

2 回答 2

0

您需要position:fixed; width:100%; height:100px;用于顶部和底部 div。对于中央：position:relative; margin:100px auto; width:1000px;。

于 2010-09-01T18:17:58.847 回答
0

我认为最好的方法是使用 CSS。我已经上传了一些样本http://www.4shared.com/file/zk1Sv21F/Facebook-Style_Bar.html
也看看http://ryanfait.com/sticky-footer/

于 2010-09-01T18:25:50.750 回答