最基本的情况是几栏都是百分数，比如20%，80%；
另外比较普遍的情况是：
两栏布局，一栏固定宽度，一栏自适应宽度；
1.如果left部分固定宽度为150px,auto部分为自适应宽度；
.left{float:left;margin-right:-150px; width:150px; background-color:#CCCCCC;}
.auto{width:auto; background-color:#FFFFCC; margin:0 0 0 150px;}
2.如果right部分固定宽度为150px,auto部分为自适应宽度；
.right{float:right;margin-left:-150px; width:150px; background-color:#CCCCCC;}
.auto{width:auto; background-color:#FFFFCC; margin:0 150px 0 0;}
三栏布局的，左右固定宽度，中间自适应：
.left{float:left;margin-right:-150px; width:150px; background-color:#CCCCCC;}
.right{float:right;margin-left:-150px; width:150px; background-color:#CCCCCC;}
.auto{width:auto; background-color:#FFFFCC; margin:0 150px 0 150px;}
要注意的是html代码auto层放于最后。
No related posts.
