display: flow-root

The display: flow-root CSS declaration sets an element as the root element of a new flow layout for its children, preventing margin collapse with sibling elements.

Baseline Status: Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).

Desktop Browser Engine Support

Google Chrome

58

Supported

Mozilla Firefox

53

Supported

Apple Safari

13

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

58

Firefox Android

53

Safari iOS

13

Specifications and References

Specification ↗ Can I Use (flow-root) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.display.flow-root ↗