浮动
让元素脱离文档流
浮动的三种特性：
- 元素脱离标准文档流
- 存在相互依靠的效果
- 字围
float --》让元素脱离了文档流但没有让元素脱离文本流。
position --》定位可以让元素既脱离文档流也脱离文本流。
清除浮动带来的影响的方法
- clear:both;
- 给浮动的元素的父元素添加高度
- 隔墙法：外墙法(放在浮动元素外面)和内墙法（反正浮动元素里面）
- overfloat : hidden / auto
设置overflow并不会在该元素上清除浮动，它将清除自己(self-clear)。意思就是，应用了overflow(auto或hidden)的元素，将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来)