---
description: ╱🚧 under construction -> layout component, composite layout
---

# formatting context

[CSS](..) ⟩ [layout]() ⟩ formatting context&#x20;

{% hint style="success" %}
_<mark style="color:purple;">Formatting contexts</mark>_ turn <mark style="color:orange;">elements</mark> into <mark style="color:orange;">layout components</mark>. _<mark style="color:purple;">Formatting contexts</mark>_ can be <mark style="color:yellow;">nested</mark> to create <mark style="color:orange;">composite layouts</mark>.

> Every Layout (2021)
{% endhint %}

{% tabs %}
{% tab title="📗 參考" %}
* Every Layout (2021)
{% endtab %}
{% endtabs %}
