10 Visual formatting model details

Contents

• 10.1 Definition of "containing block"
• 10.2 Content width: the 'width' property
• 10.3 Calculating widths and margins
  • 10.3.1 Inline, non-replaced elements
  • 10.3.2 Inline, replaced elements
  • 10.3.3 Block-level, non-replaced elements in normal flow
  • 10.3.4 Block-level, replaced elements in normal flow
  • 10.3.5 Floating, non-replaced elements
  • 10.3.6 Floating, replaced elements
  • 10.3.7 Absolutely positioned, non-replaced elements
  • 10.3.8 Absolutely positioned, replaced elements
  • 10.3.9 'Inline-block', non-replaced elements in normal flow
  • 10.3.10 'Inline-block', replaced elements in normal flow
• 10.4 Minimum and maximum widths: 'min-width' and 'max-width'
• 10.5 Content height: the 'height' property
• 10.6 Calculating heights and margins
  • 10.6.1 Inline, non-replaced elements
  • 10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements
  • 10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
  • 10.6.4 Absolutely positioned, non-replaced elements
  • 10.6.5 Absolutely positioned, replaced elements
  • 10.6.6 Complicated cases
  • 10.6.7 'Auto' heights for block formatting context roots
• 10.7 Minimum and maximum heights: 'min-height' and 'max-height'
• 10.8 Line height calculations: the 'line-height' and 'vertical-align' properties
  • 10.8.1 Leading and half-leading