14.3.4　设置层居中

如果想在三列布局的最后加一行页脚，可以放版权之类的信息。遇到必须对齐三列底部的问题时，在TABLE布局中，用大表格嵌套小表格的方法，可以很方便地对齐三列；而用DIV布局，三列独立分散，内容高低不同，就很难对齐。其实完全可以嵌套DIV，把三列放进一个DIV中，就做到了底部对齐。

具体样式表都写在相应的版块里了。重点是#menu、#sidebar、#content三个层。当#content的内容增加，#content的高度就会增高，同时#mainbox的高度也会改变。#footer层就自动下移。这样就实现了高度的自适应。

注意#menu和#content都是浮动在页面右面“FLOAT：right；”，#sidebar是浮动在#menu层的左面“FLOAT：left”，这是浮动定位，还可以采用绝对定位来实现这样的效果。

这个办法存在另一个问题，就是侧列#sidebar的背景无法百分之百显示。一般的解决办法就是用body的背景色来填充满。（不能使用#mainbox的背景色，因为在Mozilla的浏览器中，#mainbox的背景色失效。）

在代码中，用margin可以设置层居中，在保证下面代码存在的条件下，可以用margin设置层居中。

＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http：//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

除了以上代码外，还要设置margin为auto。表示居中，即左右居中对齐。

注意　上面的DOCTYPE声明对IE和FF的表现不同。IE中需要该DOCTYPE声明，而FF中则相反。