如果我们想在3列布局的末端添加一个排的页脚，我们可以把版权等。就必须对齐在3柱底部的一个问题。在表的布局，我们可以用大表格嵌套小表格，可以很方便对三列。然而，很难与div布局一致，将三列和不同的内容分开。事实上，我们可以完全嵌套div，在div中放置三列，并进行底部对齐：
体
这是#头{ margin: 0px；border: 0px；背景：# ccd2de；宽度：580px；身高：60px；}。
这是#邮箱{ margin: 0px；宽度：580px；背景：# FFF；}包含#菜单，#边栏，和#内容。
这里是#菜单{浮动权；保证金：2px 0px 2px 0px；padding: 0px 0px 0px 0px；


这是#边栏{浮动：左；保证金：2px 2px 0px 0px；padding: 0px；背景：# f2f3f7；}，背景色为背景色。


这是#内容{浮动权；保证金：1px 0px 2px 0px；padding: 0px；宽度：400px；背景：背景：；}

这里是主要内容，根据内容自动适应高度。

这里是主要内容，根据内容自动适应高度。

这里是主要内容，根据内容自动适应高度。
这是#页脚{明确：既：0px 0px 0px 0px；边缘；填充：5px 0px 5px；

本例的页面的主要代码如下所示：







具体的样式都写在相应的块。重点是，#邮箱层嵌套三层#菜单，#边栏和# content.when的#含量含量的增加，#内容的高度会增加，对#邮箱的高度也将开放，并#页脚层会自动向下移动，这使得高度自适应。

此外，值得注意的是，#菜单和#含量浮动在页面的右侧，浮动权

这种方法的另一个问题是，边柱#边栏背景不能百分之一百。一般的解决方法是把身体的背景色。（这#邮箱不能背景颜色是因为在Mozilla和其他浏览器的#邮箱的背景颜色是无效的。）

好了，主框架已经建好了，剩下的工作只是在里面添加砖块。如果你想尝试其他的布局，推荐以下文章：

CSS布局16例
Onestab：三柱组合布局示范
对onestab三栏布局：免费

提示：{ onestab p.i.e主题}有更精彩的介绍，推荐去看。