两栏布局 float实现
1.给父盒子加float:hidden实现BFC
2.给左盒子加浮动float:left 给宽度
flex布局
1父盒子 display:flex
2左盒子 固定宽度
3.右盒子 flex:1
三栏布局
法1:浮动实现
1 父盒子overflow:hidden 实现BFC
2左盒子:float:left
3右盒子 :float:right
法2:绝对定位
父盒子相对定位
左盒子 绝对定位top0 left 0
右盒子 相对定位top0 right 0
法3:弹性布局
1父盒子display :flex
2.左右盒子固定宽度
3.中间盒子 flex:1 或者width:100%