圣杯布局与双飞翼布局
一、圣杯布局
浏览器中效果：
圣杯布局注意：
1、父元素box中包含三个子元素middle，left，right，都为左浮动。
2、middle需第一个渲染，且宽度为100%。
3、left用margin-left:-100%;right用margin-left:-自己宽度px;将两个div拉到与middle一行。
4、为box设置左右padding，为left和right留位置。
5、用相对定位将left和right放在正确位置。
6.给box清除浮动。
二、双飞翼布局
浏览器中效果：
双飞翼布局注意：
- 父元素box中包含三个子元素left、middle、right，分别左浮动。
- middle需第一个渲染，且宽度为100%。
- 用left：margin-left：-100%;right:-自己宽度px;将left和right拉上去和middle同行。
- 给middle设置子元素，并给其左右margin为left和right留位置。
- 给box上清除浮动。