浮动笔记

浮动

让元素脱离文档流

浮动的三种特性：

1. 元素脱离标准文档流
2. 存在相互依靠的效果
3. 字围

float --》让元素脱离了文档流但没有让元素脱离文本流。

position --》定位可以让元素既脱离文档流也脱离文本流。

清除浮动带来的影响的方法

1. clear:both;
2. 给浮动的元素的父元素添加高度
3. 隔墙法：外墙法(放在浮动元素外面)和内墙法（反正浮动元素里面）
4. overfloat : hidden / auto
   设置overflow并不会在该元素上清除浮动，它将清除自己(self-clear)。意思就是，应用了overflow(auto或hidden)的元素，将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来)