css - 使用display : flow-root and overflow: hidden to contain floats?有什么区别

标签 css display

新的 display flow-root已添加到规范中:

The element generates a block container box, and lays out its contents using flow layout. It always establishes a new block formatting context for its contents. [CSS2] – https://drafts.csswg.org/css-display/#valdef-display-flow-root



many ways to create a block context,例如overflow: hidden

使用display: flow-rootoverflow: hidden包含浮点元素有什么不同?

最佳答案

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

关于css - 使用display : flow-root and overflow: hidden to contain floats?有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43559066/

相关文章:

css - ngMaterial - md-autocomplete - 结果列表显示在模态形式后面

css - 显示:无;不工作但 visibility :隐藏;做

Javascript原生实现div显示/隐藏与animate

html - 在样式标签中编辑滚动条

html - 当以百分比设置高度时,保持图像宽度与高度相同

css - 在 jsTree 上设置行高?

css - 为什么我的网站页面宽度不同

python - 显示 json python discord bot

html - IE 11 和 Edge 格式错误

html - css background-image 不会在 XAMPP for Mac OSX 中显示