前端/移动开发面试题更新 2026-08-05

请说明弹性盒(Flexbox)布局的基本原理,并介绍圣杯布局与双飞翼布局的实现思路。

数字马力(杭州)信息技术有限公司前端/移动开发互联网/IT问题拆解技术原理方案权衡CSS

考察说明

考察对CSS布局模型的理解、传统布局方案对比及实现细节

回答思路

  1. 清晰阐述Flexbox主轴、交叉轴及属性如justify-content、align-items的作用
  2. 说明圣杯布局与双飞翼布局的相同目标(三栏中间自适应)及核心区别
  3. 展示对负margin、浮动、定位等经典布局技巧的掌握
  4. 对比Flexbox与经典方案在实现难度、浏览器兼容性上的差异
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。