页面布局

单列布局1
特点：

• 头部、主体、底部等宽

单列布局2
特点：

• 头部、底部自适应页面宽度
• 主体特定宽度

两列布局1
特点：

• 左侧边栏固定
• 右侧主体自适应

两列布局2
特点：

• 右侧边栏固定
• 左侧主体自适应

两列布局3
特点：

• 左右二列固定宽度
• 二列全部采用浮动
• 使用伪类撑开父级

两列布局4
特点：

• 左右二列固定宽度
• 采用绝对定位布局

三列布局1
特点：

• 左右二列固定宽度
• 中间主体区自适应
• 使用浮动加外边距
• 区块顺序非常重要

三列布局2
特点：

• 左右二列绝对位置
• 中间主体区自适应
• 中间用外边距实现