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

使用前

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

使用后

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

最后，欢迎扫码关注微信公众号。程序员同行学习交流，聊天交友，国内外名企求职内推（微软 / 小冰 / Amazon / Shopee / Coupang / ATM / 头条 / 拼多多等），可加我微信 jzj2015 进技术群（备注进技术群，并简单自我介绍）。

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