互联网/IT行业面试题 · 编码实现 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 52 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 1 题请说明如何用 CSS 实现元素的淡入淡出效果，并解释其原理。 考察 CSS 过渡和动画在透明度变化中的实现方式第 2 题请手写实现一个经典的三列布局，左右两列宽度固定，中间列自适应，并说明你采用的方案及其优缺点。 考察CSS布局实现能力与方案权衡意识第 3 题rem 移动适配的具体实现原理和步骤是什么？ 考察rem适配的机制与动手实现细节第 4 题请实现一个两栏布局，并说明如何使用 Flexbox 具体实现。 考察 CSS 布局基础与 Flexbox 核心属性的实际运用第 5 题实现一个垂直居中？ 考察CSS布局基础与常见垂直居中方案第 6 题如何把一个元素固定在页面，不随着页面的滚动而滚动？ 考察 CSS 定位基础知识与固定定位的实际应用第 7 题如何实现表格或布局中第二列内容的自适应宽度？请说明具体实现方式和适用场景。 考察对弹性布局和自适应技术的掌握程度第 8 题flex布局实现一个左边自适应右边宽度固定怎么实现? 考察flex布局中宽度分配与自适应实现能力第 9 题请解释 CSS Flexbox 布局的核心概念，并说明如何实现水平和垂直居中，以及常见的对齐方式。 考察对 Flex 布局核心属性、对齐机制和实际应用的理解第 10 题如何让几个子元素充满父元素？ 考察前端布局对弹性布局和尺寸计算的理解第 11 题请描述如何实现一个左侧固定宽度、右侧自适应的两栏布局，并说明至少两种方案。 考察 CSS 经典两栏布局的实现方式与原理理解第 12 题当只有一个 div 且不能在其中添加额外内容时，如何在文本末尾显示省略号？ 考察 CSS 文本溢出省略的前端基础与实现边界第 13 题请实现一个三列布局，并口述其他可行方案。 考察CSS布局的掌握程度及方案对比能力第 14 题怎么实现弹窗的水平垂直居中 考察CSS布局基础与多种居中方案的掌握第 15 题如何用CSS实现宽度随内容自适应且最大不超过父容器80%的布局？ 考察CSS盒模型、宽度自适应与最大宽度约束的综合运用第 16 题如何使用 CSS animation 属性实现静态 loading 图片（如 loading.gif 的状态）的动态切换效果？ 考察 CSS 动画属性及图片切换的实践能力第 17 题请列举并解释至少三种实现元素水平居中的 CSS 方法。 考察 CSS 布局基础与水平居中实现的多种方案第 18 题请列举并解释实现 HTML 元素水平居中的几种方式。 考察 CSS 布局基础与多种水平居中实现方案的理解第 19 题用CSS如何实现一个三角形？ 考察CSS盒模型与边框的灵活运用第 20 题请用你熟悉的语言或工具画一个3x3的九宫格，并说明实现思路。 考察基础编程能力与代码组织习惯