百度面试题 · 技术原理 · CSS
百度相关面试题，按最终去重题目聚合。
共 3071 道真题 · 当前筛选命中 53 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 41 题在 CSS 弹性布局的收缩场景中，flex-shrink 设置为 0 还是 1 时项目会缩小？请说明原因。 考察对 flex-shrink 默认行为及其与收缩的关系第 42 题如果子级是200px的宽度,父级是小于200px,会发生什么? 考察CSS盒模型与布局中父子元素宽度关系的理解第 43 题修改一个div的width属性是触发重排还是重绘？为什么？ 考察对布局属性变更导致渲染流程的具体判断与原理理解第 44 题flex: 1 由哪些构成？ 考察对 flex 简写属性及其各组成部分的理解第 45 题实现水平垂直居中的方法 考察CSS布局基础和多种居中方案的适用场景第 46 题请说明 CSS 中常用的定位方式有哪些，并指出 position 的哪三种取值会使元素脱离文档流。 考察 CSS position 五种取值及脱离文档流特性的掌握第 47 题元素水平垂直居中都有哪些方法？ 考察CSS常见布局居中方案的掌握和适用场景区分第 48 题请介绍一下 Flex 布局的基本概念和常用属性。 考察对前端弹性布局模型的理解与应用能力第 49 题CSS 中怎么让长文本省略，多出的部分变为 ...？ 考察 CSS 文本溢出省略的实现方式及适用条件第 50 题伪类选择器、伪元素选择器分别是干啥的？ 考察CSS选择器中伪类与伪元素的区别及典型应用第 51 题flex和grid布局有什么区别？哪个是一维布局？ 考察对CSS两种主流布局模型特性的理解与区分第 52 题请说明浏览器中回流和重绘的概念，以及它们之间的关系。在什么情况下会触发回流？如何优化以减少回流对页面性能的影响？ 考察对浏览器渲染机制的理解及性能优化意识第 53 题在容器中想把一个子元素去做一个居中，怎么做？ 考察CSS布局基础和居中方法的选择能力