CSS常见的布局方式

======

常见的单列布局有两种：

• header,content 和 footer 等宽的单列布局

• header 与 footer 等宽,content 略窄的单列布局


实现第一种方式很简单，可以将 header , content, footer 统一设置相等宽度，然后设置 margin:auto 即可实现居中：

.header{

margin:0 auto;

max-width: 960px;

height:100px;

}

.content{

margin: 0 auto;

max-width: 960px;

height: 400px;

}

.footer{

margin: 0 auto;

max-wid