1. 静态布局(Static)
- 静态布局是针对PC端的传统Web设计
- 设计一个居中布局，一般具有固定的宽度。当浏览器窗口缩小时，页面内容会被遮挡，呈现横竖向滚动条。
2. 响应式布局(Responsive)
- 针对越来越多的移动端设备，一个web设计能够兼容多个终端。
- 通过CSS3中的Media Query(媒介查询)，采用栅格化格式方式，分别为不同的屏幕分辨率定义布局。
3. 弹性布局(Flexbox)
- 为了实现响应式布局，CSS3提供了一种最新布局模式。
- 提供了更加高效的方式来对布局容器的子元素进行排列、对齐和分配空白空间。
来源：CSDN
作者：uuihoo
链接：https://blog.csdn.net/uuihoo/article/details/79676284