4. CSS 布局

文档摘要

CSS 布局 CSS 布局详解：从文档流到现代网格系统 1. 文档流 (Normal Flow) 文档流是 CSS 布局的基础，也是浏览器默认的布局方式。理解文档流是掌握更高级布局技术的前提。 1.1 什么是文档流？文档流是指 HTML 元素在默认情况下的排列规则。它像水流一样，从上到下，从左到右地排列元素。在文档流中，元素主要分为两种类型：块级元素 (Block-level elements): 如 , , 等。块级元素独占一行，垂直排列，宽度默认撑满父元素。行内元素 (Inline-level elements): 如 , , 等。行内元素水平排列，多个行内元素可以在同一行显示，宽度由内容决定。 1.