互联网/IT行业面试题 · 问题拆解 · tech:css
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 41 道 · 更新 2026-08-05
筛选题目已选：问题拆解 · tech:css
考察点
技术栈
第 21 题从输入网址到浏览器渲染出页面，请描述完整过程。 考察网络协议、浏览器渲染机制及性能优化意识第 22 题页面布局如何适配不同屏幕？请结合媒体查询和Flex布局说明。 考察响应式布局的理解与工具运用第 23 题position属性有哪些？absolute属性是以什么为基准的？ 考察CSS定位属性的掌握程度及绝对定位的包含块原理第 24 题display: none 和 opacity: 0 有什么区别？ 考察 CSS 隐藏元素的机制差异及其对布局、交互和性能的影响第 25 题请描述从输入一个URL到浏览器界面显示完整过程。 考察网络协议栈、浏览器渲染流程与系统级整合理解第 26 题请解释 CSS 中 float 和 position 属性的作用，并说明它们分别如何影响文档流。 考察对 CSS 布局基础概念的理解与表达第 27 题宽高不定的元素如何实现水平垂直居中 考察多种布局方案、技术选型与边界理解第 28 题如何让一个元素在页面中居中对齐？ 考察CSS居中方案的理解与灵活运用第 29 题在自动化测试中，你通常使用哪些元素定位方法？它们分别适用于什么场景？ 考察对自动化测试元素定位方法的掌握与应用场景理解第 30 题怎么判断元素的上下左右边距？ 考察CSS盒模型及边距相关属性的理解第 31 题Flexbox 布局的底层实现原理是什么？ 考察对浏览器布局引擎中 Flexbox 实现机制的理解第 32 题请解释 CSS 盒模型，并说明 box-sizing 属性的作用及常用取值。 考察 CSS 盒模型的理解与 box-sizing 属性的实际应用第 33 题如何实现一个元素，其直径始终为页面宽度的 1/10，并且始终保持在页面正中间？ 考察 CSS 响应式尺寸与定位的实现能力第 34 题请分别指出常见的行内元素和块级元素，并说明它们在布局上的主要区别。 考察对HTML元素分类及默认显示方式的理解第 35 题flex:1的底层是用几个flex布局的其他属性实现的,你知道是哪几个属性吗?怎么实现的 考察对flex简写属性底层构成的理解第 36 题场景题：如果有一个 div，不论页面如何伸缩，如何使它的宽高始终呈现 1:2 的比例？ 考察使用 CSS 实现响应式固定比例元素的能力第 37 题一键切换主题有什么样的实现思路？ 考察前端主题切换的技术方案设计与实现细节第 38 题display:none和visibility:hidden有什么区别？ 考察CSS隐藏元素两种方式的渲染与布局差异第 39 题给你一个固定宽度为500px的div，怎么让这个div的宽度和高度一直保持一致？也就是当改变高度时，让它的宽度也相应改变。（padding-bottom:100%;） 考察CSS比例盒模型、百分比padding的基准和响应式自适应的理解第 40 题请描述从在浏览器地址栏键入一个网址到页面最终显示出来的完整过程。 考察对网络通信与浏览器渲染全链路的理解深度