前端/移动开发面试题 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1484 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 581 题说一下CSS中哪些会产生重绘和重排的情况 考察对浏览器渲染机制、重排重绘触发条件及性能优化意识的理解第 582 题rem/em、rpx的区别 考察前端响应式布局中单位的使用与适用场景第 583 题请列举并说明清除浮动的主要方法及其适用场景。 考察CSS布局基础、浮动清除原理及方案选择能力第 584 题怎么实现footer在内容少的时候在内容盒子下面，内容多的时候定在页面底端？ 考察前端布局中footer自动适配内容高度与视口高度的方案第 585 题如何实现图片在不同尺寸的容器中始终保持 2:1 的宽高比？ 考察 CSS 布局技巧与自适应尺寸处理能力第 586 题请描述如何实现一个左侧固定宽度、右侧自适应的两栏布局，并说明至少两种方案。 考察 CSS 经典两栏布局的实现方式与原理理解第 587 题Flex 居中实现 考察 Flexbox 布局中居中技巧及其适用场景第 588 题请描述一下你学习前端的路线和方法。 考察前端学习路径的系统性、主动性和持续学习能力第 589 题设置行内元素的 margin 和 padding 是否生效？请说明各方向的效果。 考察 CSS 盒模型基本性质及行内元素与块级元素的差异第 590 题请解释 CSS 中 float 和 position 属性的作用，并说明它们分别如何影响文档流。 考察对 CSS 布局基础概念的理解与表达第 591 题CSS场景题：头部吸顶，左侧导航栏随浏览器滚动而滚动，页面底部有footer，请说明布局思路。 考察CSS常见布局模式（吸顶、侧栏滚动、底部结构）的实现思路与关键属性掌握第 592 题如何使用CSS实现一个三角形？ 考察CSS基础、盒模型和边框属性的理解与运用第 593 题请解释 CSS 盒子模型的基本结构。 考察对 CSS 布局基础概念的理解第 594 题关于CSS transform: translate()的无限循环动画，为什么动画运行时能保持流畅？ 考察对CSS合成层、GPU加速与浏览器渲染管线的理解第 595 题哪些操作会触发回流和重绘？ 考察对浏览器渲染机制和性能优化关键点的理解第 596 题实现一个双栏布局 考察CSS布局能力及对常用布局方案的掌握第 597 题请解释CSS选择器的优先级是如何计算的，并举例说明。 考察CSS选择器优先级计算规则的理解与应用第 598 题父元素和子元素宽高都不确定时，如何实现水平居中布局？ 考察CSS水平居中布局方法的掌握与适用场景辨析第 599 题请说明什么是 BFC（块级格式化上下文），以及它在解决边界塌陷问题中的作用？ 考察对 CSS 布局中 BFC 概念的理解及其实际应用第 600 题在CSS中如何使用transform: scale绘制0.5px的线条？ 考察CSS细节处理与移动端适配的实践能力