float 布局
将自己放置在其容器的左侧或右侧，允许其他文本和内联元素环绕它
从正常流中移除，但还是流的一部分
float 会自动修改为块布局
overflow: auto; 可以保证浮动元素不溢出 // 创建了 BFC
clear 属性设置是否必须将自己移动到其前面的浮动元素之下。 clear 属性适用于浮动和非浮动元素
float 和 clear 共存效果：新起一个 float 行，文本和内联元素环绕它或者前面的 float 元素
清除：需要一个没有浮动的 100% 宽度
css shapes 可以设置 float 元素的形状