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

Question

新的display值flow-root已添加到css规范中：

  

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

有many ways to create a block context，例如overflow: hidden。

使用display: flow-root vs overflow: hidden包含浮动元素有何不同？

Answer 1

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