float 布局

将自己放置在其容器的左侧或右侧,允许其他文本和内联元素环绕它
从正常流中移除,但还是流的一部分
float 会自动修改为块布局

overflow: auto; 可以保证浮动元素不溢出 // 创建了 BFC

clear 属性设置是否必须将自己移动到其前面的浮动元素之下。 clear 属性适用于浮动和非浮动元素

float 和 clear 共存效果:新起一个 float 行,文本和内联元素环绕它或者前面的 float 元素

清除:需要一个没有浮动100% 宽度

css shapes 可以设置 float 元素的形状