6、常用布局

一、布局

1、静态布局

• px作为单位

2、流式布局

• 网络系统

3、自适应布局

• 媒体查询

4、响应式布局

• 静态布局+流式布局+自适应布局

5、弹性布局（rem/em）

6、圣杯布局和双飞翼布局

解释：两边宽度固定，中间的自适应

• 100% - 左右的

width:"100% - 400px"

区别：

圣杯布局

• 采用的是父级div给 padding-left 和 padding-right 限制，让字不会被左边和右边挡住；

双飞翼布局

• 是采用给中间的div添加一个小div，这个小div使用外边距；