百度面试题 · 技术原理 · CSS
百度相关面试题，按最终去重题目聚合。
共 3071 道真题 · 当前筛选命中 53 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 1 题rem和em的区别是什么？ 考察CSS长度单位rem与em的参照基准及适用场景第 2 题CSS的选择器有哪些？ 考察CSS选择器的基础掌握与分类能力第 3 题定位有几种，分别是否脱离文档流，各自有什么作用？ 考察对 CSS 定位机制及文档流的理解第 4 题请说明 Flex 布局的基本概念和常用属性，并给出一个典型的三栏布局实现。 考察对 Flex 布局核心属性及典型布局实现的理解第 5 题CSS 渲染过程中有哪些优化方法？ 考察浏览器渲染流程的理解及CSS性能优化实践第 6 题请解释双飞翼布局的基本原理，并说明它与圣杯布局的区别。 考察对经典 CSS 布局方案原理的理解和对比分析第 7 题请实现一个自适应两栏布局，要求左侧固定宽度、右侧自适应剩余空间，并说明其实现原理与适用场景。 考察CSS布局能力、盒模型理解及方案权衡第 8 题除了CSS Modules，前端样式隔离还有哪些常见方法？ 考察前端样式隔离方案的广度与适用场景理解第 9 题请解释 flex: 1 的含义和作用。 考察对 flex 缩写属性及其子项值的理解第 10 题CSS选择器优先级如何计算？ 考察CSS层叠机制中优先级计算规则及冲突处理第 11 题CSS 盒模型具体包含哪些部分，各部分的含义是什么？ 考察对盒模型组成细节的完整掌握第 12 题CSS如何实现画一个三角形 考察CSS边框模型和伪元素/变换的灵活运用第 13 题如果想实现一个左边栏是固定菜单栏、右边根据菜单内容显示不同内容，且右边占满除左边以外的所有空间，应该怎样做？ 考察CSS布局能力与对常见布局方案的掌握第 14 题CSS 中 absolute 定位是相对什么元素来定位的？ 考察 CSS 定位上下文的理解第 15 题什么叫盒模型的塌陷？为什么会发生？怎么解决？ 考察CSS盒模型的理解及外边距合并问题第 16 题请介绍你对 CSS 盒子模型的理解，并说明标准盒子模型与怪异盒子模型的区别。 考察 CSS 盒模型基础与两种模式的核心差异第 17 题请解释 CSS 盒模型的基本组成。 考察对 CSS 盒模型基础概念的理解第 18 题BFC是什么?如何触发?它解决了哪些问题? 考察对CSS块级格式化上下文的定义、触发条件和实际应用的理解第 19 题介绍一下BFC 考察对CSS块级格式化上下文的概念、触发条件与应用的理解第 20 题请介绍你在项目中如何使用 vh 和 vw 这类视口单位？ 考察对 CSS 视口单位特性的理解与实际应用能力