消费品/零售行业面试题 · 技术原理 · CSS
消费品/零售行业相关面试题，按题目行业基础数据聚合。
共 11293 道真题 · 当前筛选命中 125 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 41 题如何实现垂直水平居中？ 考察CSS布局基础与多种实现方案的掌握第 42 题假设一个父组件宽度为1000px，设置为display:flex，三个子组件的宽度分别为100、200、300px，子组件会如何排列？ 考察Flex布局的基本排列规则与剩余空间处理第 43 题请介绍CSS常见布局方式及其适用场景，并对比flex和grid的差异。 考察CSS布局知识体系、技术选型和场景权衡能力第 44 题CSS的定位(position属性)有几种,分别有什么特点和应用场景? 考察CSS定位机制的基本概念、特点及适用场景第 45 题请说明浏览器中重排与重绘的区别，并举例说明哪些操作会触发重排或重绘。 考察浏览器渲染机制的理解，以及区分重排与重绘的能力第 46 题flex布局实现九宫格，用哪些属性？ 考察 Flexbox 布局基础、主轴交叉轴理解与子项尺寸控制第 47 题position:fixed 和 position:absolute 的区别有哪些？ 考察CSS定位机制的理解与对比分析能力第 48 题请解释 CSS 样式的优先级规则，并说明在开发中如何正确使用。 考察 CSS 选择器优先级的理解与应用第 49 题不使用JS实现点击显示悬浮窗的active状态 考察CSS伪类与状态管理实现交互的能力第 50 题请解释 CSS 中 display 属性的常用取值及其对文档流和布局的影响。 考察对 display 属性基本布局行为的理解第 51 题请介绍Flex布局的基本概念，并说明其常用属性及各自的作用。 考察对Flex布局原理及常用属性的掌握程度第 52 题文本溢出有什么方式隐藏？ 考察CSS文本溢出处理与前端布局基础知识第 53 题CSS的选择器有哪些？ 考察CSS选择器的基础掌握与分类能力第 54 题CSS选择器优先级如何计算？ 考察CSS层叠机制中优先级计算规则及冲突处理第 55 题实现不停旋转的loading动画要怎么实现？ 考察CSS动画基础知识与实现能力第 56 题JS和CSS代码会引发页面卡顿吗？ 考察前端性能问题归因分析与优化意识第 57 题你知道CSS的一些预处理器吗，Less和SCSS能说说吗？ 考察对CSS预处理器的了解、核心特性对比及实际应用能力第 58 题CSS动画都有哪些实现？ 考察CSS动画技术的种类、适用场景与性能意识第 59 题请解释CSS标准盒模型和IE盒模型的区别，以及如何设置特定盒模型。 考察CSS盒模型的基本概念、差异理解及应用能力第 60 题请解释Flex布局的核心概念，并说明如何实现水平垂直居中。 考察对Flex布局核心属性的理解与应用能力