使用display:flow-root和overflow:hidden来包含浮点数有什么区别？

Question

css规范中添加了一个新display值:flow-root

该元素生成一个块容器框,并使用流布局布置其内容.它始终为其内容建立新的块格式化上下文.[CSS2] -  https://drafts.c​​sswg.org/css-display/#valdef-display-flow-root

有许多方法可以创建块上下文,例如overflow: hidden.

使用display: flow-rootvs overflow: hidden来包含float-ed元素有什么不同？

Answer 1

display: flow-root允许你的流根元素拥有,overflow: visible如果这对你很重要,因为块框overflow: visible通常不会建立块格式化上下文.