前端面试-----页面布局

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

1.浮动解决方案：

2.绝对定位解决方案：

3.flexbox解决方案：

4.表格布局：

5.网格布局:

他们的优缺点分析：

浮动布局： 脱离文档流但兼容性好

绝对定位： 脱离文档流导致子元素也脱离文档流但快捷

flex布局： 较完美，ie8不兼容

表格布局： 兼容性好