布局是什么

把页面分成一块一块，按左中右、上中下等排列

布局分类

两种

• 固定宽度布局,一般宽度为960/1000/1024px —- 例如web端淘宝

• 不固定宽度布局，主要靠文档流的原理来布局 —- 例如手机端淘宝

  还记得吗

• 文档流本来就是自适应的，不需要加额外的样式

  第三种布局

• 响应式布局

• 意思就是 PC 上固定宽度，手机上不固定宽度

• 也就是一种混合布局

  布局的两种思路

  从大到小

• 先定下大局

• 然后完善每个部分的小布局

  从小到大

• 先完成小布局

• 然后组合成大布局

  两种均可

• 新人推荐用第二种，因为小的简单

• 老手一般用第一种，因为熟练有大局观

  布局需要用到哪些属性