CSS之BFC的应用之一清除浮动

阅读前提: 对CSS的BFC有一定的了解

当元素设置了浮动后,会脱离正常的文档流,影响到父级元素以外的元素

     通过设置父级元素为overflow:auto,虽然创造了BFC但是不够明确而且会出现副作用,可以直接设置父级元素的display:flow-root,明确的说明创造了BFC

     举例1,详细的说明可以查看Codepen上的例子

   

参考链接

       1.CSS布局指南

       2.display: flow-root

猜你喜欢

转载自blog.csdn.net/coderMozart/article/details/82658654