圣杯布局和双飞翼布局

两种布局的由来

  • 这是需求导致。两个需求: 一,优先加载中间的盒子;二,中间盒子能自适应宽度,两边盒子不变。为了实现这样的需求,产生了这两种布局

布局思路

  • 为了满足第一个需求,所以中间的盒子必须得先写,然后,两边的盒子写在后面。同时为了满足中间盒子能够自适应,宽度需要设置为100%,然后再布局两边的盒子

圣杯布局






双飞翼布局








你可能感兴趣的:(圣杯布局和双飞翼布局)