display:flow-root是CSS布局属性，会创建一个新的BFC（块级格式化上下文），同时会使元素变成块级元素。由于会创建新的BFC，因此除了可以用来布局之外，还有清除浮动，以及去除margin合并现象的作用。相比overflow隐藏（会导致定位失效）等特性产生的块级格式上下文，display:flow-root不会给元素带来额外的副作用。

当一个元素包含浮动元素时，自身高度会发生坍塌，并且元素的内容可能溢出其边界。但是，如果利用display设置为flow-root将会创建一个新的BFC，在新的BFC该元素的高度将可以被正确计算，不受浮动元素的干扰。

总的来说，在不考虑兼容性问题的前提下，这是一种非常方便创建新的BFC的方法，也具备用来清除浮动，去除margin合并等功能。