布局是什么？

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

布局的分类

两种

  • 固定宽度布局，一般宽度为 960 / 1000 / 1024 px
  • 不固定宽度布局，主要靠文档流的原理来布局

还记得吗？

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

第三种布局

  • 响应式布局
  • 意思就是 PC 上固定宽度，手机上不固定宽度
  • 也就是一种混合布局

布局的两种思路

从大到小

  • 先定下大局
  • 然后完善每个部分的小布局

从小到大

  • 先完成小布局
  • 然后组合成大布局

两种均可

  • 新人推荐用第二种，因为小的简单
  • 老手一般用第一种，因为熟练有大局观

9