DEV Community

zhangbao
zhangbao

Posted on

 

What is display: flow-root?

MDN says:

display: flow-root: The element generates a block element box that establishes a new block formatting context, defining where the formatting root lies.

So, using display: flow-root means

  • you don't have to use .clearfix hacks, and
  • won't hide box-shadow comparing to use overflow: hidden

References:

Top comments (0)

Super Useful CSS Resources

A collection of 70 hand-picked, web-based tools which are actually useful.
Each will generate pure CSS without the need for JS or any external libraries.