float 属性最初只用于在成块的文本内浮动图像(文字环绕), 后来也用在多列布局上

姑且定为兼容旧浏览器的布局技术

常见姿势

• 文本环绕图片
• 首字下沉
• 多列布局
• 清除浮动

常见困扰

• 多列之间的宽度难以把控
• 浮动元素脱离文档流, 高度为0, 清除浮动后恢复, 但是最近的那个非浮动元素margin 值失效

flexbox 请

https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Floats

The end of the clearfix hack?

https://rachelandrew.co.uk/archives/2017/01/24/the-end-of-the-clearfix-hack/