# Independent formatting context

An area laid out on its own, isolated from its surroundings.

## What is an **independent formatting context**?

An **independent formatting context** lays out its contents without being affected by what is outside it, and without affecting it back.

```css
.widget { display: flow-root; }   /* floats and margins inside stay inside */
```

Level: Master · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/master)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/independent-formatting-context