3.28圣杯布局和双飞翼布局

圣杯布局西方人提出来的，他们家有圣杯，总觉着是阴森森的，让人想到魔法学院和老巫婆。双飞翼布局，淘宝的工程师在圣杯布局的基础上提出来的，并运用到了淘宝布局，很诗性，很儒雅的名字。

前者用相对定位，向左向右移动负的自身宽度，让出中间位置；后者加一级子div ，使用外层padding或者内层margin，被你们占的位置，俺让出来，在你们不遮挡的地方显示，不跟你们斗气，俺有儿子。

为了优先渲染中间盒子写在前面

图片发自App

圣杯布局有个问题，当面板main部分比两边的子面板宽度小的时候，布局就会乱掉。因此也就有了双飞翼布局来克服这个问题。如果不增加任何标签，想实现更完美的布局非常困难，因此双飞翼布局在主面板上选择了添加一个标签。