浮动，清除浮动

1、浮动

一、标准流：元素按照本身的特性进行排列布局，普通流、文档流
二、浮动：元素脱离标准流，移动到指定位置的过程 属性float
三、浮动的分类：左浮动lfet/与浮动right
四、浮动的初衷：文字环绕图片的效果
五、浮动的特点

• 1.添加浮动后的元素会漂浮在其他元素之上
• 2.添加浮动后的元素不占位置
• 3.同时添加浮动后的多个元素会在同一行上显示
• 4.添加浮动后的子元素永远不会超出父元素的范围
• 5.添加浮动后的子元素永远不会覆盖父元素的边框和内边距
• 6.添加浮动后的元素就拥有了行内块元素的特性（能设置宽高 还能同一行显示的特点）

2、清除浮动

1、浮动的影响：
添加浮动后的子元素无法撑开父元素的高度，浮动不占位置
2、清楚浮动（闭合浮动）
清除浮动并不是清除浮动，而是清除浮动所带来的影响。
3、清除浮动的方式
1.额外标签法：添加额外的子元素
clear：left 清除左浮动 clear：right 清除右浮动 clear：both清除左右浮动
弊端：添加了无意义的结构标签，会是结构混乱语义化结构化较差
2.伪元素法：
给父元素添加：：after
content：“” display：block clear：both；
弊端：IE7以下不支持伪元素
3.给父元素添加overflow：hidden
弊端：溢出的部分隐藏掉
4、overflow：hidden 的作用
1.溢出的部分隐藏掉
2.解决嵌套元素外边距合并
3.清除浮动