float 的基本内容

float 元素与文档流

脱离文档流

float 元素和周边元素

仍然和周边元素正常互动，文本和 inline 元素会包裹在 float 元素周围，多个 float 按正常顺序先后排列，太宽就会换行

高度塌陷

容器也不会自动调整自己的高度，所以实际元素脱离文档流之后可能会被自动认为容器里空了，所以高度没有了，就高度塌陷了

高度塌陷问题的解决

一般就是在容器里随便多搞一个加一个 clear 样式，简单但是不实用 一个常用的 hack 是选中高度塌陷元素的 after 伪元素 加上 clear，随意 content（空的就行）以及任意 block 展示，来确保 after 伪元素生成的新元素撑起来这个高度 float 搞左右布局就是两个大容器分别 float 左右，某种意义上还挺好懂，当然要确定宽高，才好