圣杯布局西方人提出来的,他们家有圣杯,总觉着是阴森森的,让人想到魔法学院和老巫婆。双飞翼布局,淘宝的工程师在圣杯布局的基础上提出来的,并运用到了淘宝布局,很诗性,很儒雅的名字。
前者用相对定位,向左向右移动负的自身宽度,让出中间位置;后者加一级子div ,使用外层padding或者内层margin,被你们占的位置,俺让出来,在你们不遮挡的地方显示,不跟你们斗气,俺有儿子。
为了优先渲染中间盒子写在前面
3.28圣杯布局和双飞翼布局圣杯布局有个问题,当面板main部分比两边的子面板宽度小的时候,布局就会乱掉。因此也就有了双飞翼布局来克服这个问题。如果不增加任何标签,想实现更完美的布局非常困难,因此双飞翼布局在主面板上选择了添加一个标签。
网友评论