喜马拉雅面试题 · 技术原理 · CSS
喜马拉雅相关面试题，按最终去重题目聚合。
共 357 道真题 · 当前筛选命中 15 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 1 题CSS Flex 如何实现垂直居中？ 考察 Flex 布局盒对齐属性的掌握与边界情形第 2 题请列举并说明前端性能优化的常见方法。 考察前端性能优化知识的广度与关键机制理解第 3 题请解释CSS中实现元素居中对齐的常见方法及适用场景。 考察CSS布局基础与不同居中方式的应用判断第 4 题position属性有哪些？absolute属性是以什么为基准的？ 考察CSS定位属性的掌握程度及绝对定位的包含块原理第 5 题你知道除了 px 和 % 这些还有哪些定义元素大小的单位吗？请说明 rem 和 em 的区别。 考察对 CSS 相对单位概念的理解，掌握 rem 与 em 的差异及适用场景第 6 题实现一个四栏布局，每栏宽度自适应，栏间距固定，使用 Flex 布局是否合适？如果不合适，应如何实现？ 考察对 Flex 布局局限性的理解及替代布局方案（如 Grid）的掌握第 7 题场景题：如果有一个 div，不论页面如何伸缩，如何使它的宽高始终呈现 1:2 的比例？ 考察使用 CSS 实现响应式固定比例元素的能力第 8 题说一下CSS中哪些会产生重绘和重排的情况 考察对浏览器渲染机制、重排重绘触发条件及性能优化意识的理解第 9 题两个定位元素重叠时如何决定堆叠顺序？ 考察CSS定位与z-index层级关系的理解第 10 题使元素居中有哪些办法？请从 position、display:flex、line-height 等角度说明。 考察 CSS 水平垂直居中的多种实现方式及其适用场景第 11 题请解释Flex布局的核心概念，并说明如何实现水平垂直居中。 考察对Flex布局核心属性的理解与应用能力第 12 题你知道CSS中怎么定义变量吗？ 考察CSS自定义属性的定义与使用第 13 题CSS 中 absolute 定位的元素是相对于哪个包含块进行定位的？ 考察 CSS 定位机制中包含块（containing block）的定义与判定第 14 题请列举实现CSS水平与垂直居中常用的几种方案，并说明各自的适用场景与优缺点。 考察前端基础布局能力与方案权衡意识第 15 题padding-top:10%是以什么为基准的？ 考察CSS百分比padding的计算基准和布局原理