第九章 浮动

定义：使元素脱离文档流 按照指定方向（左右）发生移动 遇到父级边界或者相邻浮动元素就停下来

所有元素都可以设置浮动
所有浮动了的元素都是块级元素

浮动的特殊情况：

1. 两个子集 一个添加了浮动 一个未添加浮动 添加了浮动的在上面 未添加的在下边
2. 浮动的元素只能影响后面的兄弟圆度 不能影响子集
3. 浮动的元素总体宽度超出父级袁术的宽度 则超出的部分被挤下来换行显示

浮动对文字的影响:

 浮动回事文字环绕

浮动的危害:

造成父级元素高度塌陷（若父级元素没有设置高度时）

清除浮动：

.clearFloat : after{
    content:"";
    display:block;
    clear:both;
}