CSS经典布局面试题及详细答案（实战版）.docx

CSS经典布局面试题及详细答案（实战版）

本文汇总前端面试高频CSS布局题型，包含传统布局、Flex布局、Grid布局、居中布局、自适应布局等核心考点，答案贴合工程实战，摒弃书面化套话，适配初级、中级前端面试场景。

一、基础核心布局题型

1.标准文档流是什么？有哪些布局脱离标准流？

参考答案：

标准文档流是浏览器默认的页面元素排列规则，核心规则：块级元素独占一行、自上而下排列；行内/行内块元素自左向右排列，空间不足自动换行。

脱离标准文档流的布局方式有三种：

浮动（float）：元素脱离普通流，向左/向右悬浮，仅文本和行内元素会环绕浮动元素，块级元素无视浮动元素。

绝对定位（positio