1、布局分类

1. 固定宽度布局，一般宽度为960/1000/1024px；

2. 不固定宽度布局，主要靠文档流的原理布局

   • 文档流本来就是自适应的，不需要额外的样式 3、第三种布局：响应式布局：PC上固定宽度，手机上不固定宽度，也就是混合布局

2、布局的两种思路

1. 从大到小（老手使用）：先定大局，再完善每个部分的小布局
2. 从小到大（适用于菜鸟）：先完成小布局，在组合成大布局

3、布局所需要的属性

1. 首先考虑是否需要兼容IE9，能够兼容IE9使用float布局
2. 不兼容IE9再考虑是否只兼容最新的浏览器
   • 不只是兼容最新浏览器，使用flex布局
   • 只兼容最新浏览器，使用grid布局

• 注意：flex和float布局在必要时，可以使用 负margin布局。