之三行三列等高布局图文教程(2)

header和footer的padding可以随意增加，这里就不提了，还有长度单位用em更具亲和力（em可以让用户使用浏览器来调整自己需要的字体大小）

但是不能混合使用，选择em和px的时候明智些,察看效果

元素等高问题
采用
有人翻译过来的：
里提到的方法，就不具体解释了。

#container {
 overflow: hidden;
}
#container .column {
 padding-bottom: 20010px; /* X + padding-bottom */
 margin-bottom: -20000px; /* X */
}
#footer {
 position: relative;
}

再解决opera 8的bug，代码调整如下

<div>
 <div></div>
</div>

* html body {
 overflow: hidden;
}
* html #footer-wrapper {
 float: left;
 position: relative;
 width: 100%;
 padding-bottom: 10010px;
 margin-bottom: -10000px;
 background: #fff; /* Same as body
 background */
}