左中右三栏布局首先显示中栏

div#wrapper, div#header, div#footer照常写，我很少用绝对定位。header下面开始写一个div#col-container，包含了其中的div#side- content和div#main-content，为了使中栏先显示，要先写div#main-content，再跟上div#side- content。针对main-content的CSS就加一条float: right;，side-content的CSS就是float: left;。完成col-container后，在跟上右边的那一栏div#nav。col-container是float: left;，nav是float: right;。
我习惯于这样的布局方式，很少用padding，以避免Box-Model-Hack。不采用带有方位性的词汇作id，用中间线而不用下划线以区分 CSS和程序。至于三栏高度统一，目前还真的没有什么好办法，一般都采取wrapper一个background然后repeat-y的做法。
解决列高度自适应(列高度相同)的五种方法