阿里巴巴面试题 · CSS
阿里巴巴相关面试题，按最终去重题目聚合。
共 2826 道真题 · 当前筛选命中 17 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题px如何转rem？ 考察对rem单位原理与换算方法的理解第 2 题请解释 CSS flex 布局中 flex: 1 的含义及其作用。 考察对 flex 布局语法、简写属性和实际效果的理解第 3 题行高知道有什么属性吗 考察对行高相关CSS属性的掌握程度第 4 题父元素的属性影响子元素的宽度吗？ 考察CSS布局中父子元素宽度继承、约束与计算规则的理解第 5 题为什么Flex设置宽度不起效果？ 考察对Flex布局中宽度属性失效原因的理解与排查能力第 6 题怎么实现图片自适应等比例缩放 考察前端图片自适应与等比例缩放的实现方法与边界处理第 7 题水平垂直居中即使设置了也未必完全居中，可能的原因有哪些？ 考察对CSS居中实现原理及常见失效原因的理解第 8 题请说明在CSS布局和字体设置中，什么场景下应该使用px单位？ 考察对CSS单位px适用场景的理解及与相对单位的对比第 9 题在项目实践中，你为什么选择当前的 CSS 方法论而不是其他方案？请结合具体场景说明。 考察 CSS 方法论选型的技术判断和实际应用能力第 10 题实现一个盒子在容器里面居中的CSS方法有哪些? 考察CSS盒模型、布局方式及居中实现原理的掌握第 11 题请结合实际场景，谈谈你会如何处理前端在不同浏览器或设备上的兼容性问题？ 考察候选人处理前端兼容性问题的系统性方法与实践经验第 12 题请解释CSS中box-sizing属性的作用，并说明content-box与border-box的区别。 考察对CSS盒模型及box-sizing的理解与应用第 13 题请解释一下 BEM（Block Element Modifier）是什么，并说明它的核心思想。 考察对 BEM 命名规范的掌握及其对样式维护性的影响第 14 题怎么用CSS做成一个三角形？ 考察CSS盒模型与边框属性的掌握程度第 15 题实现一个响应式布局：5个元素，每个高120px，宽随浏览器窗口变化，一行3个，每行两端对齐，不足3个时左对齐，盒子间间隔5px，如何实现？ 考察flex布局、换行及对齐方式的掌握程度第 16 题如何实现图片在容器中水平垂直居中显示？请给出几种常见方案。 考察 CSS 布局基础与多种居中方案的理解第 17 题margin折叠怎么解决？ 考察CSS盒模型、块级格式化上下文及相关布局知识