圣杯/双飞翼布局：一行三块，左右两部分固定宽度，中间部分自适应宽度。
1.浮动实现（经典），主要利用到浮动、负margin、相对定位。特点：主体部分在两侧部分的DOM元素位置上方 ；
缺点：主体部分的宽度不能小于两侧部分的宽度；
3.可以用css的calc动态计算中间部分的宽度，css里面搞计算还是算了。
双飞翼布局：基本上和圣杯布局没什么两样，无非就是中间内容盒子里面再嵌套一个子元素，并设置这个子元素的左右两边的margin为左右两边盒子的宽度。
特点：main在aside的DOM元素位置上方；
缺点：main 里面还得加一层内容；
相较而言，圣杯布局通过padding和相对定位实现，而双飞翼布局则是通过加标签和margin实现。
