关于CSS布局

这里介绍常用的CSS布局。

1、一列固定宽度居中：常用于网站大框架的搭建

#layout{width:300px;height:300px;margin:0px auto;}

实现居中的关键在于设置了margin:0px auto;当给div的左右边距设置为auto时，浏览器会见div的左右边距设为相同从而呈现出居中的状态。如果使用内边距，padding:0px auto;是否也可以达到要求呢？哈哈哈，当然不行，因为padding根本就没有auto这个值。

2、两列布局右列宽度自适应
将左列宽度设置为百分比值以及浮动，右列不设置宽度，这样右列就会根据浏览器大小自动适应。

3、三列浮动中间列宽度自适应
对左右两列使用绝对定位，把他们固定在两侧，然后为中间一栏设置margin-left与margin-right，不设置宽度与浮动。

4、高度自适应
给div设置height:100%并不能让它显示为高度自适应，只有设置了它的父级对象设置了高度后才可以正确显示。
在此要注意一点哦，如果直接在body下写一个div并让其实现高度自适应的话，需要写：

html,body{height:100%}

写上面代码的原因在与，IE中，html对象的默认高度为100%，body则无；而firefox中，html和body皆不是默认100%的高度。