图中的粗体文字为h2标签，图片使用了float:left属性。对h2标签使用clear:both属性前后的排版效果对比如下。

使用前

使用前，文字环绕图片进行排版。

使用后

使用后，H2标签自动换行显示。

最后，欢迎扫码关注微信公众号。微软 / Shopee / Coupang / BAT等国内外企业内推、行业和技术交流，也可以加我微信 jzj2015（注明来自博客），拉你进技术群。

本文由jzj1993原创，转载请注明来源：https://www.paincker.com/css-clear-both
（标注了原文链接的文章除外）