css布局

对于布局,我们还可以按类型和功能来进行分类。先来看按类型分类的布局模式:

  • 无任何布局模式
  • 表格布布局模式
  • 浮动布局模式
  • 定位布局模式
  • 多列布局模式
  • Flexbox布局模式
  • Grid布局模式
  • 不规则布局模式

另外除了类型分类,还可以按功能模式来分类:

  • 静态布局(Static Layout)
  • 流式布局(Liquid Layout)
  • 自适应布局(Adaptive Layout)
  • 响应式布局(Responsive Layout)

接下来简单的看看每种布局的模式承载的史命。