阅读前提: 对CSS的BFC有一定的了解
当元素设置了浮动后,会脱离正常的文档流,影响到父级元素以外的元素
通过设置父级元素为overflow:auto,虽然创造了BFC但是不够明确而且会出现副作用,可以直接设置父级元素的display:flow-root,明确的说明创造了BFC
举例1,详细的说明可以查看Codepen上的例子
参考链接
本文介绍了如何使用CSS属性display:flow-root来明确创建块格式化上下文(BFC),避免了使用overflow:auto可能带来的副作用。通过具体示例解释了这一方法的应用场景。
阅读前提: 对CSS的BFC有一定的了解
当元素设置了浮动后,会脱离正常的文档流,影响到父级元素以外的元素
通过设置父级元素为overflow:auto,虽然创造了BFC但是不够明确而且会出现副作用,可以直接设置父级元素的display:flow-root,明确的说明创造了BFC
举例1,详细的说明可以查看Codepen上的例子
参考链接

被折叠的 条评论
为什么被折叠?