关于居中布局的解决方案

居中布局是一个很普遍的做法。

1.定义宽度，然后将水平空白边设置为auto；

#box{width:720px;margin:0 auto;}

需要注意的是：IE5.x和IE6不支持自动空白边。由于IE将“text-align:center;”理解为让所有对象居中而不只是文本，所以可以利用这一点让主体标签中所有对象居中，包括容器div，然后将容量的内容重新对准左边。即：

body{text-align:center;}
#box{width:720px;margin:0 auto;text-align:left;}

 

2.使用定位和负值空白边让设计居中。

#box{width:720px;position:relative;left:50%;}/*让容器左边缘居中*/
#box{width:720px;position:relative;left:50%;margin-left:-360px;}/*让容器的中间居中*/