# Block Formatting Context

{% hint style="info" %}
**Stacking contexts** deal with which elements are **in front of** other elements.&#x20;

**Block formatting contexts** deal with the **document flow** and whether or not elements will **overlap**.
{% endhint %}

## 參考 <a href="#ref" id="ref"></a>

* :blue\_book: [Block Formatting Context](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context)
