电商行业面试题 · 编码实现 · CSS
电商行业相关面试题，按题目行业基础数据聚合。
共 10617 道真题 · 当前筛选命中 14 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 1 题如何实现浏览器顶部和底部固定，中间自适应，内容超出出现滚动条？ 考察CSS布局基础和滚动容器处理能力第 2 题在CSS中如何使用transform: scale绘制0.5px的线条？ 考察CSS细节处理与移动端适配的实践能力第 3 题手写样式，实现子元素在父容器中垂直水平居中，并且子元素向上偏移50px。 考察CSS布局基础与定位属性的组合使用第 4 题请解释Flex布局的核心概念，并说明如何实现水平垂直居中。 考察对Flex布局核心属性的理解与应用能力第 5 题请列举并说明几种常用的 CSS 元素居中方法，以及它们各自的适用场景。 考察 CSS 布局基础与不同居中方案的理解第 6 题实现一个响应式布局：5个元素，每个高120px，宽随浏览器窗口变化，一行3个，每行两端对齐，不足3个时左对齐，盒子间间隔5px，如何实现？ 考察flex布局、换行及对齐方式的掌握程度第 7 题px转rem的原理是什么？如何实现设计稿1比1还原？ 考察rem适配原理与实际换算能力第 8 题请实现一个上中下布局，其中中间区域高度自适应，上下区域高度固定。 考察CSS布局中固定头部底部与自适应中间内容的实现能力第 9 题请用 HTML、CSS 和 JavaScript 手写一个商品双列排列布局，并使用 Flexbox 实现。 考察前端基础布局能力与 Flexbox 实际运用第 10 题怎么实现图片自适应等比例缩放 考察前端图片自适应与等比例缩放的实现方法与边界处理第 11 题谈谈你对 flex 布局的了解和使用，其中 justify-content、align-items 怎么用，原理是什么？ 考察 CSS flex 布局的核心概念、属性用法及对齐原理第 12 题怎么用CSS做成一个三角形？ 考察CSS盒模型与边框属性的掌握程度第 13 题你提到 flex 布局，能具体说说你用 flex 实现某个布局的细节吗？ 考察对 flex 布局属性作用机制的理解与实际应用能力第 14 题如何实现图片在容器中水平垂直居中显示？请给出几种常见方案。 考察 CSS 布局基础与多种居中方案的理解