Skip to content

第三章:盒模型与布局基础 ​

浏览器先为元素生成盒子,再按照不同布局上下文安排这些盒子。理解内容区、内边距、边框和外边距的计算,是排查“宽度不对”和“间距消失”的前置;理解 Flexbox、Grid、定位和浮动的责任边界,才能在布局变化时做出可解释的选择。

阅读顺序 ​

  1. 盒模型四层结构
  2. 标准盒模型与 IE 盒模型
  3. 外边距折叠
  4. Flexbox 容器与项目
  5. Flexbox 对齐与间距
  6. Grid 网格系统
  7. Grid 项目定位
  8. 定位机制
  9. 浮动与清除

本章练习答案

返回 HTML & CSS 全书导读

用心记录每一步成长