布局解决方案重点文章（链接）推荐

display：table

• 基于display:table的CSS布局

• CSS参考手册–布局（Layout）

display：inline/inline-block

• Css中display:inline-block用法详解

• display:inline、block、inline-block的区别

浮动布局

• CSS 浮动

• CSS浮动布局基础

• 《HTML+CSS基础课程》学习笔记九

• 浮动，定位，布局

display：box

• 《CSS3实战》笔记–弹性盒模型（一）

• 《CSS3实战》笔记–弹性盒模型（二）

• 《CSS3实战》笔记–弹性盒模型（三）

display：flex

• 布局

• 深入理解 CSS3 弹性盒布局模型

• CSS3 flexbox弹性布局实例

• flexbox-CSS3弹性盒模型flexbox完整版教程

BFC特性

• CSS深入理解流体特性和BFC特性下多栏自适应布局

• BFC与IFC

• CSS2 速查表 - BFC与边距重叠详解

• 深入理解BFC和Margin Collapse

• 我对BFC的理解

• css之BFC特性总结

Grid布局（网格布局）

• CSS Grid布局：什么是网格布局

• 网易微专业之《前端工程师》学习笔记（99）-笔记资源汇总
  

• CSS Grid布局：浏览器开启CSS Grid Layout

• CSS Grid布局：什么是网格布局

• CSS Grid布局：网格单元格布局

• CSS Grid布局：合并单元格布局

• CSS Grid布局：显式和隐式网格线

• CSS Grid布局：网格区域

• CSS Grid布局：独立源与网格的层叠顺序

• CSS Grid布局：网格的流动

全局布局及响应式布局

• 前端笔记本