前端/移动开发面试题 · 编码实现 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 217 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 81 题实现一个三栏布局，请给出两种不同方案。 考察CSS布局基础、方案权衡与实现细节第 82 题如何使用 flex 布局让一排内容靠左且靠上对齐？请写出关键属性。 考察 flex 布局中主轴与交叉轴对齐属性的理解与应用第 83 题请按优先级从高到低排列CSS选择器：内联样式、ID选择器、类选择器、元素选择器，并说明!important的作用。 考察CSS层叠与选择器优先级规则第 84 题写一个200px的正方形里面有一个80px的正方形(水平垂直居中) 考察CSS布局中嵌套元素居中的实现能力第 85 题如何修改图片大小以保持与外部div容器的宽高比例一致？ 考察前端布局中图片与容器比例适配的技术实现第 86 题怎么实现footer在内容少的时候在内容盒子下面，内容多的时候定在页面底端？ 考察前端布局中footer自动适配内容高度与视口高度的方案第 87 题如何实现图片在不同尺寸的容器中始终保持 2:1 的宽高比？ 考察 CSS 布局技巧与自适应尺寸处理能力第 88 题请描述如何实现一个左侧固定宽度、右侧自适应的两栏布局，并说明至少两种方案。 考察 CSS 经典两栏布局的实现方式与原理理解第 89 题如何使用CSS实现一个三角形？ 考察CSS基础、盒模型和边框属性的理解与运用第 90 题实现一个双栏布局 考察CSS布局能力及对常用布局方案的掌握第 91 题在CSS中如何使用transform: scale绘制0.5px的线条？ 考察CSS细节处理与移动端适配的实践能力第 92 题让一个盒子居中怎么做？ 考察 CSS 水平垂直居中的常见方案及其适用场景第 93 题如何使用 Flex 实现 50% 的布局？ 考察对 Flex 布局基本属性和常见布局方式的理解第 94 题如何实现表格或布局中第二列内容的自适应宽度？请说明具体实现方式和适用场景。 考察对弹性布局和自适应技术的掌握程度第 95 题请用 HTML、CSS 和 JavaScript 手写一个商品双列排列布局，并使用 Flexbox 实现。 考察前端基础布局能力与 Flexbox 实际运用第 96 题怎么实现上中下自适应布局？ 考察布局方案的基本能力与自适应理解第 97 题手写样式，实现子元素在父容器中垂直水平居中，并且子元素向上偏移50px。 考察CSS布局基础与定位属性的组合使用第 98 题在开发过程中，你是如何组织和实现关键CSS样式的？ 考察CSS架构能力、选择器与样式优先级管理第 99 题怎么用flex实现水平四个盒子平均分布？ 考察Flexbox布局的基本原理与实际应用能力第 100 题如何用弹性布局实现“上中下三栏布局”？ 考察 Flex 布局掌握及常见布局场景的实践能力