Frontend

  • Published on
    本文深度剖析了 CSS 盒模型 (Box Model) 的核心机制,内容系统性地阐述了盒模型的四层结构(content, padding, border, margin)、两种尺寸计算模式(content-box vs border-box),以及块级 (block)、行内级 (inline) 和匿名 (anonymous) 盒的布局特性与数学行为。
  • Published on
    本文深度剖析了 CSS 布局的底层机制——格式化上下文 (Formatting Context)。内容系统性地阐述了其核心原则(隔离性、可扩展性、可预测性),并详细拆解了两种基础上下文:块格式化上下文 (BFC) 和行内格式化上下文 (IFC) 的建立条件与布局规则。
  • Published on
    本文深度剖析了 CSS position 属性的核心机制,系统性地阐述了 static, relative, absolute, fixed, sticky 五种定位模式。内容详细拆解了每种模式与文档流的关系、其包含块 (Containing Block) 的确定规则,以及对堆叠上下文 (Stacking Context) 的影响。