一、两列等高布局
（1）在一个父容器内使用float并排显示二个div
（2）给其中一个需要自适应高度的div设置足够大的padding-bottom
（3）为了避免将父容器撑高，再将该div的margin-bottom设置为同样大的负数，用于抵消影响
（4）父容器设置overflow：hidden将超出范围的padding隐藏
这样设置以后，每当另一个div高度变高时，该div设置好的padding就会显露一部分，给人自适应高度的现象。
二、三栏布局【两边div宽度固定，中间div自适应宽度】
1、利用float+margin
主要是利用了float浮动只占据文本空间的特性。
（1）设置好一个容器div和三个子div
（2）先把前两个div的float一个设置为left，一个设置为right，并设置相应的宽度
（3）第三个div只需要设置margin-left，margin-right分别为左右div的宽度就可以达到自适应宽度的效果
三、圣杯布局【两边div宽度固定，中间div自适应宽度】
参考https://www.jianshu.com/p/81ef7e7094e8
（1）设置好一个容器div和三个子div
（2）center放在子div最前面
（3）容器div设置padding-left和padding-right给左右div留出空间
（4）需要放在左边的div设置margin-left：-100%，并且使用相对定位向左偏移本身宽度
（5）放在右边的div只需要margin-right：负本身宽度
四、双飞翼布局
（1）定义结构如图所示：
（2）给main，left，right设置浮动float：left
（3）center设置左右margin
（4）利用margin-left：-100%；将left移动到左边margin处
（5）利用margin-right：-自身宽度；将right移动到右边margin处
