Skip to content

Latest commit

 

History

History
32 lines (21 loc) · 1.14 KB

File metadata and controls

32 lines (21 loc) · 1.14 KB

Formatting Context (fc)

Types

  • Block
  • Inline
  • Flex
  • Grid

Block

  • The root of our document which is the html creates a block fc
    • We can create a new block fc within our document as well
  • boxes are laid out one on top of the other irrespective of space left beside them
  • the top and bottom margins of adjacent blocks collapse to that of the highest value instead of adding up.
    • collapsing margins demo
    • before after
      • unintended margin at top of the red box

Inline

  • image