最为传统的布局方式，所有的容器被固定大小，布局简单，网页兼容性强，但是移动端和网页端因为页面问题，需要写不同的两个网页来兼容。
宽度，高度都会使用固定单位写死。优点在于简单，缺点在于表现能力差，不同屏幕没有改变。
页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变。
宽度使用百分比定义，但高度和文字大小还是用固定单位。优点在于可随屏幕分辨率变化，缺点有局限。
通过 display、float等参数来配置具体的布局，这种方式代码简单，但是在处理实现诸如垂直居中、弹性宽度和高度等特性时会极为麻烦。
一般使用盒模型的基础上的弹性布局．
基于盒模型的布局方式，比盒模型对于特殊布局更加兼容,也是目前布局方式中比较灵活的.
基于css3特性的布局方式,使用媒体查询检查当前屏幕的尺寸,设置css样式,实现响应式布局
原文：https://www.cnblogs.com/zenggaozheng/p/12245827.html