您现在的位置:首页 >> 前端 >> 内容

关于页面布局的前端面试题分享

时间:2018/6/21 14:40:29 点击:

  核心提示:题目:假设高度已知,请写出三栏布局,其中左栏,右栏宽度各为300px,中间自适应:1.浮动解决方案:2.绝对定位解决方案:3.flexbox解决方案:4.表格布局:5.网格布局:他们的优缺点分析:浮动...

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

1.浮动解决方案:

关于页面布局的前端面试题分享

2.绝对定位解决方案:

关于页面布局的前端面试题分享

3.flexbox解决方案:

关于页面布局的前端面试题分享

4.表格布局:

关于页面布局的前端面试题分享

5.网格布局:

关于页面布局的前端面试题分享

他们的优缺点分析:

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

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

flex布局: 较完美,ie8不兼容

表格布局: 兼容性好

作者:网络 来源:ProswpuAla