美文网首页
3.28圣杯布局和双飞翼布局

3.28圣杯布局和双飞翼布局

作者: 无意爱昵 | 来源:发表于2019-03-28 08:40 被阅读0次

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

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

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

    3.28圣杯布局和双飞翼布局

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

    相关文章

      网友评论

          本文标题:3.28圣杯布局和双飞翼布局

          本文链接:https://www.haomeiwen.com/subject/ukdfbqtx.html