总宽度:Left 250px + Main + Right 300px。
第一个临界值:700px,即 Main = Left 时:圣杯布局被挤乱。
第二个临界值:550px + Main容纳文字的最小宽度:传统布局中Left和Right被压缩,Main固定为最小宽度;圣杯布局中Main被压缩,整个布局混乱;双飞翼布局中Main被压缩,整个布局保持秩序。
第三个临界值:550px,即 Main = 0 时:圣杯布局整个布局混乱;双飞翼布局中Main消失,Left和Right相互遮挡。
对比:传统布局能很好地保持整个三栏式布局的格式,在无需将Main优先渲染的情况下可以使用;圣杯布局在将整个布局最小宽度设置为第一个临界值的情况下和双飞翼布局没有区别;双飞翼布局至少需要将整个布局最小宽度设置为第三个临界值,即Main完全消失时,保证左右栏布局完整。
总结:传统布局保证了Main内容完整,牺牲了左右栏布局;圣杯布局保证了左右栏布局完整,牺牲了整个布局;双飞翼布局保证了左右栏相对位置完整,牺牲了Main内容。