面试知识归纳：2.1布局

假设高度已知，请写出三栏布局，其中左、右宽度各为300px，中间自适应

见文档

float
absolute
flex
table
grid

每种解决方案的优缺点
5种解决方案间的比较
去掉高度后，哪个方案更好
兼容性到业务里

float 兼容性好，脱离文档流，清除浮动，BFC间的处理 absolute 快捷，缺点脱离文档流 flex 解决上述的不足，移动端较完美 table 兼容性好，性能较差 grid 新技术，代码量少，但兼容性差

如果不固定高度，以上方案中，flex table表现较好 float 需要创建BFC

总结

语义化掌握到位
页面布局理解深刻
CSS基础知识扎实
思维灵活、积极上进
代码书写规范