如何使用blueprint css垂直排列行（或div）？

我有以下html代码（按给定顺序）

。。。
...
...

当然，我想在顶部显示页眉部分，然后是内容部分，然后是页脚。如何使用blueprint使用CSS代码实现这一点

附言：首先写内容部分是为了更方便搜索引擎优化

---

编辑：解决方案应该以div部分的任何编写顺序工作。例如，div“content”可以写在XHTML文件中div“footer”之后……但我仍然希望在内容下方显示页脚（其高度未知，因为取决于内容）

我不知道blueprint是否提供此功能。但它可以在简单的css中轻松完成

我假设收割台的高度是固定的，比如说100px

#header {
    height:100px;
    position: absolute;
    top: 0px;
}

#content{
    padding-top:100px;
}

更新：

刚刚发现了两个类似的问题：

---

它们基本上与我的答案相同（div的较高高度是已知的），或者使用JS对它们进行重新排序。

您应该能够在任何div上使用绝对定位和块来将它们放在页面上您喜欢的任何位置

例如，以代码为例：

<div id="foo"></div>
<div id="bar"></div>

---

嗨，安迪。请参阅我的编辑=>如果内容div写在footer div下面，则您的解决方案不起作用。我是否可以知道为什么单个站点的页面中div的顺序不一致？此外，你会接受JS解决方案吗？你提供的链接正是我想要的。然而，我感到惊讶的是，在css3之前，没有JS是无法实现的（见链接）

<div id="foo"></div>
<div id="bar"></div>

#bar{
   top:100px;
   left:0px;
   position:absolute;
   display:block;
}