CSS浮动

标准文档流
文档流指的是元素排版布局过程中，元素会默认自动从左往右，
从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。

块级元素和行内元素
块级元素：
1.独占一行，不能与其他任何元素并列。
2.可以设置宽、高。
3.如果不设置宽度，那么宽度将默认变为父亲的100%，即和父亲一样宽。
行内元素：
1.与其他元素并排。
2.不能设置宽、高。默认的宽度就是文字的宽度。
在HTML中，标签分为：文本级和容器级；
文本级：p、span、a、b、i、u、em
容器级：div、h系列、li、dt、dd

浮动定义：使元素脱离文档流

 float：none；(默认，原始状态)
 float：left ； //向左浮动
 float：right； //向右浮动

浮动
1.所有的元素都可以浮动。
2.具有float属性元素在父标签中是不占空间的。
3.float能解决标签之间有间隙的问题。

清除浮动 clear

clear：left；   	清除左浮动
clear：right；      清除右浮动
clear：both ；      清除左右浮动

浮动的特性、

 float 对行内属性标签的影响
 float之后可以设置width和height属性，
 并支持margin和padding属性

float 对块属性标签的影响

  在没有设置宽高的情况下浮动后，内容撑开宽度高度
  可以使块属性元素并排排列

css属性

display:block；  设置成为块状元素（行内转换块状）
display:inline； 设置成为行内元素（块状转换行内）
display:none；   隐藏
display:block；  出现