什么是布局

借由 CSS 的一些属性来改变元素的的排列顺序，当然在没有 CSS 的情况下HTML在浏览器显示的布局是最原始的布局，也就是文档流的样子，比较难看，这种布局属于正常布局！

其他关于布局的详细概念请查询MDN

布局方式

要求种类：

  • 固定宽度布局
    • 一般固定宽为 960 / 1000 / 1024 px
  • 不固定宽度布局
    • 靠文档流来决定布局。
  • 响应式布局
    • 这种布局对于移动端来说是现在最常用的布局方式，意思是在PC上是PC的布局样式，但在手机上就又是另一个布局样式。

实现以上要求的技术选择：

  • float 布局
  • flex 布局
  • Grid 布局

并针对以上可以根据以下选择：

CSS 布局说明 - 图1