站内搜索:
首页 >> 前端 >> 内容
关于页面布局的前端面试题分享

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

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

1.浮动解决方案:

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

2.绝对定位解决方案:

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

3.flexbox解决方案:

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

4.表格布局:

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

5.网格布局:

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

他们的优缺点分析:

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

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

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

表格布局: 兼容性好

  • 上一篇:CSS按钮的实现教程(代码实例)
  • 下一篇:关于字符串slice()、substring()和substr()的作用讲解
  • 返回顶部