圣杯布局和双飞翼布局
参考：圣杯布局和双飞翼布局
都是三栏布局，左右两边宽度固定，中间宽度自适应
- 圣杯布局：左浮动+定位
主体部分container内包括center，left、right三个子元素，让这个三个子元素都float：left；container设置padding左右的值为左右元素的 width；然后给左右两侧的元素设置宽度，然后左边的元素margin-left：-100%;position:relative;right:(left的宽度)，右边的元素margin-right：-（width）；
注意中间元素一定要设置宽度为100%，因为设置了浮动，是行内块，内容太少的话宽度会自己缩到内容的大小
- 双飞翼布局：只用了float，没有定位
与圣杯布局的区别是container只包裹住center
conatiner和left、right平级，全都左浮动，container宽度为100%来保证宽度自适应，left和right设置宽度，center设置margin-left和margin-right分别为左右元素的宽度，left设置margin-left：-100%，right设置margin-left：-（right的宽度）;
给外层容器清浮动