「面试」-三栏布局

PS:整理出来供自己复习使用～

特点：两边定宽，中间自适应

请参考 CSDN

圣杯

左浮动 中左右 两边定宽 中间100% 左margin-left：-100% 右margin-left：-宽

双飞翼

浮动 跟圣杯相似 中间盒子包含一个盒子，通过margin:0 左右盒子宽

定位

通过绝对定位的方式让左右两个盒子都定位在整个父盒子的左边和右边，中间盒子不做宽度设置，剩余的中间盒子宽度自适应。

flex

display：flex 中间flex：1

触发BFC