formattingContexts.md

< Index

---

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.
  • 
  • 
    • unintended margin at top of the red box

Inline

• 

---

< Index