高度已知，三栏布局，左右宽度各300px，中间自适应

//第一种方法：浮动(块级格式独占一行)

    
1
    
2
 
    
3

//第二种方法：绝对定位

    
1
    
2
    
3

//第三种方法：flex布局

    
1
    
2
    
3

//第四种方法：table

    
1
    
2
    
3

//第五种方法：grid

    
1
    
2
    
3

优缺点：
浮动：兼容性好，易脱离文本流
绝对定位：快捷，有效性差
flex布局：解决上述两个问题
table表格布局：兼容性好，单个模块高度增高的时候，其他模块的高度也随着增高
网格布局：减少代码量

高度不固定时，flex布局，table布局依然可以实现