单列布局： div header。div body。div footer。
两列布局：中间有：div body里面有 div left right。
left： float：left。
三列布局： middle。 right： float： right。
买票，飞上去，骑在第一个人脑袋上，是有红色的！
圣杯布局（一般用于PC端 网页布局）
可以由现在的技术（无一没有缺点），所以找到一种最优的实现方式，就好像寻找难以琢磨的圣杯一样。
目的：
1 两次内容宽度固定，中间内容宽度自适应。
2 三栏布局， 中间一栏先加载，渲染出来（重要内容）
实现方法：
float+ margin
双飞翼布局：
是一种灵活的布局。 如果吧三栏布局比作一只大鸟，可以吧main看成鸟的身体，sub和sxtra是鸟的翅膀，这个布局实现思路是，先把最重要的身体部分放好，然后将翅膀移动到的适合的地方，是对圣杯布局的改良！