寻找效果类似overflow:hidden、可包裹浮动容器且名称含root的CSS关键字
你要找的CSS属性值是display: flow-root。
它的核心作用是生成独立的块级格式化上下文(BFC),实现效果和overflow: hidden高度重合:
- 可以让父元素正常包裹内部的浮动子元素,避免父元素高度塌陷
- 可以解决父子元素相邻的外边距折叠问题
- 和
overflow: hidden不同的是,它不会剪裁超出容器边界的内容,是专门为这类场景设计的原生实现。
它的名称包含你提到的「root」关键词,也不属于flex或者clear相关的实现方案,完全符合你描述的特征。
内容的提问来源于stack exchange,提问作者Katai
相关产品推荐
相关产品推荐

