什么是三栏布局

左右固定，中间自适应

实现方法

• 浮动布局 float: left/right 兼容性好
• table布局 父：display:table; 子：display: table-cell 兼容性好，但比较落后
• 定位布局：position: relative/absolute 使用简单
• flex布局：父：display:flex; 子：flex:1 pc端仅支持IE9以上
• grid布局：display: grid;grid-template-columns:100px 1fr 100px 简单，兼容性差