前端/移动开发面试题 · 问题拆解 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 133 道 · 更新 2026-08-05
筛选题目已选：问题拆解 · CSS
考察点
技术栈
第 41 题宽高不定的div如何定位在屏幕中间，宽高为0能用Flex实现吗 考察CSS居中布局、Flexbox特性的理解及边界情况处理第 42 题请解释浏览器是如何将HTML文档渲染为DOM树的，并说明渲染过程中的关键步骤。 考察对浏览器渲染机制和DOM构建原理的理解第 43 题BFC是什么？哪些条件会形成BFC？ 考察对CSS块格式化上下文的概念理解与常见触发条件的掌握第 44 题CSS中的单位有哪些？请解释rem的原理。 考察CSS单位体系的理解和rem相对单位的原理及应用第 45 题如何用 CSS 实现元素的垂直水平居中？ 考察 CSS 布局基础与多种居中方案的适用场景第 46 题请解释 CSS 盒模型，并说明 box-sizing 属性的作用及常用取值。 考察 CSS 盒模型的理解与 box-sizing 属性的实际应用第 47 题一键切换主题有什么样的实现思路？ 考察前端主题切换的技术方案设计与实现细节第 48 题如果让你为一名初学者制定三个月的系统化前端学习计划，你会如何规划？请说明每个阶段的学习目标和重点。 考察前端知识体系理解、学习规划能力和持续学习意识第 49 题父元素的属性影响子元素的宽度吗？ 考察CSS布局中父子元素宽度继承、约束与计算规则的理解第 50 题请分别指出常见的行内元素和块级元素，并说明它们在布局上的主要区别。 考察对HTML元素分类及默认显示方式的理解第 51 题请介绍 CSS Flexible Box（flex）布局的核心概念，并说明其典型应用场景。 考察对 flex 布局原理的理解及实际应用能力第 52 题Flexbox 布局的底层实现原理是什么？ 考察对浏览器布局引擎中 Flexbox 实现机制的理解第 53 题给定一个容器元素，宽度为300px，设置box-sizing:border-box、padding:20px、border:10px，请问内容区的宽度是多少，并解释计算过程。 考察border-box下盒模型尺寸计算的掌握第 54 题请解释 CSS 中 float 和 position 属性的作用，并说明它们分别如何影响文档流。 考察对 CSS 布局基础概念的理解与表达第 55 题CSS场景题：头部吸顶，左侧导航栏随浏览器滚动而滚动，页面底部有footer，请说明布局思路。 考察CSS常见布局模式（吸顶、侧栏滚动、底部结构）的实现思路与关键属性掌握第 56 题元素居中的实现方式 考察CSS布局居中方案的掌握与实际应用能力第 57 题请解释定位布局的嵌套关系，并说明不同定位方式如何影响父元素与子元素的布局。 考察对CSS定位布局中嵌套关系及定位上下文的理解第 58 题请解释CSS选择器的类型、优先级规则以及属性选择器的用法。 考察CSS选择器基础、优先级计算与属性选择器的实际应用第 59 题请说明 CSS 中绝对定位（position: absolute）的工作原理，以及它与相对定位（relative）和固定定位（fixed）的主要区别？ 考察对 CSS 定位机制的理解及实际应用能力第 60 题实现CSS垂直水平居中的5种方案 考察CSS布局基础与多种实现路径的掌握