淘宝闪购面试题 · 技术原理 · CSS
淘宝闪购相关面试题，按最终去重题目聚合。
共 1902 道真题 · 当前筛选命中 21 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 1 题rem和em的区别是什么？ 考察CSS长度单位rem与em的参照基准及适用场景第 2 题Flex是哪些的缩写？ 考察对Flex中英文全称及对应中文含义的准确记忆第 3 题CSS Modules 在工程中是如何实现的？ 考察对 CSS Modules 作用域隔离原理及构建流程的理解第 4 题盒子左边固定距离，右边可变距离，怎么用 CSS 实现？ 考察 CSS 布局中固定与自适应宽度组合的实现能力第 5 题CSS实现响应式布局 考察响应式布局的核心手段与工程实践第 6 题实现一个双栏布局 考察CSS布局能力及对常用布局方案的掌握第 7 题CSS 中 position 属性的不同取值分别是相对于什么进行定位的？ 考察 CSS 定位上下文的理解与边界掌握第 8 题请说明实现CSS三栏布局的常见方案及其优缺点。 考察CSS布局方案的掌握程度与方案权衡能力第 9 题Flex布局容器上常用的CSS属性有哪些？ 考察对Flexbox布局模型基础属性与常用速记形式的掌握第 10 题知道样式污染吗？怎么避免样式污染？ 考察对样式隔离机制的理解及工程化实践第 11 题position定位原理 考察CSS position定位机制的理解与应用第 12 题水平垂直居中：分别说一下块级元素和文字怎么实现水平居中、垂直居中？ 考察对 CSS 常见居中方法及适用场景的掌握第 13 题Flex 布局和 Grid 布局有什么区别？ 考察对 Flex 与 Grid 核心差异的理解第 14 题两个栏，左边宽度200px，右边自适应怎么实现？ 考察 CSS 经典两栏布局的多种实现与原理第 15 题vh和vw区别是什么？ 考察CSS视口单位vh与vw的定义及使用场景第 16 题请解释行内元素与块级元素的区别，并各举两个例子。 考察前端基础概念理解与举例能力第 17 题CSS实现两栏布局，尽可能多的实现方式。 考察CSS布局基础、多种布局方案的理解与掌握第 18 题如何实现两栏布局？请尽可能多地列举方法。 考察CSS布局的掌握程度和方案广度第 19 题如何在点击关联文案时选中一个 checkbox？分别用纯 CSS 和 JavaScript 实现。 考察 HTML 标签关联机制、CSS 选择器与 JS 事件处理的掌握程度第 20 题如何解决CSS冲突？ 考察CSS样式冲突的识别、隔离与优先级管理能力