单列布局1
特点:
- 头部、主体、底部等宽
单列布局2
特点:
- 头部、底部自适应页面宽度
- 主体特定宽度
两列布局1
特点:
- 左侧边栏固定
- 右侧主体自适应
两列布局2
特点:
- 右侧边栏固定
- 左侧主体自适应
两列布局3
特点:
- 左右二列固定宽度
- 二列全部采用浮动
- 使用伪类撑开父级
两列布局4
特点:
- 左右二列固定宽度
- 采用绝对定位布局
三列布局1
特点:
- 左右二列固定宽度
- 中间主体区自适应
- 使用浮动加外边距
- 区块顺序非常重要
三列布局2
特点:
- 左右二列绝对位置
- 中间主体区自适应
- 中间用外边距实现