浮动的简介

1.浮动

一种布局方式，可以让元素脱离文档流，一旦元素脱离文档流，就不在具有元素在文档流中的特点从而帮助我们布局。

2.设置浮动：

float属性：

可选值： left 向左浮动

right向右浮动

none 不浮动 默认值

3.浮动的特点

基本特点：

（1）一旦元素设置了一个浮动，元素就会脱离文档流，原来在文档流中的位置就不再存在了，后面的元素就会顶上！！！！！！！

（2）：元素设置浮动会尽可能的向元素的左上或者右上进行浮动。

（3）浮动的元素不会超出父元素。

（4）浮动元素不会超过上一个兄弟，元素最多是一边起

（5）如果浮动的元素上一个元素没有浮动，浮动元素也不会跑上去

2.特殊特点a：

当浮动元素碰到了文字，浮动元素不会盖住文字，而文字会环绕在浮动元素周边，从而出现文字环绕图片的特点，这也是浮动最早的一个作用。

3.特殊特点b:

脱离文档流，

块元素：不再独占一行，默认被内容撑开，设置多少就是多少。

行内元素可以设置宽高，

行内块元素也没有图片三像素问题了。

块元素默认在文档流中默认垂直布局