css-float属性

块元素：div p li,ul,form,ol,dl,dr,address,table,menu...
行内元素：span,strong,img,input,...


页面布局方式：文档流，浮动层，flaot属性，
文档流：从上到下，从左到右，遇块（块级元素）换行


浮动层：给元素的float属性赋值，脱离文档流，进行左右浮动，紧贴着父元素的左右边框（默认：body文档区域），而浮动元素在文档流空出的位置，由后面（非浮动）元素填充上去，诺跟浮动元素发生重叠，浮动元素覆盖块元素，


float属性：
left:向左浮动
right:向右浮动
none:默认值
inherit:从父元素继承float属性。
float:left
1：当块级元素A浮动 紧邻块级B元素，
B会填充A留下来的空间，A会和B发生重叠，A的图层在上面，


2：当块级元素A浮动，紧邻内联B元素
B会紧跟A的后面，并根据自身内联元素的特点，是否换行，


3：当内联元素A浮动，紧邻内联B元素
B会紧跟在A元素的后面。根据内联元素的特点是否换行。


4：当内联元素A浮动，紧邻块元素B。
B不会移动，




float:right
1：当块级元素A浮动 紧邻块级B元素，
B会填充A留下来的空间,
2:当块级元素A浮动，紧邻内联B元素，
B会填充A留下来的空间,
3：内联元素A浮动，紧邻块元素B元素
B元素不会跟着A进行移动


当紧邻元素都浮动float：left
1：当块级元素都有float：left属性，left属性最前面的元素，排在最左面，都有内联元素的特性（在浮动层）。
2：当块级元素有float:right:
相邻的浮动元素，right属性最前面的元素，排在最右面，都有内联元素的特性（在浮动层）。
3：height不相等的div浮动元素排序时，拥有内联元素的特性，当一行排不下的时候进行换行。浏览器宽度缩小的，不会发生改变。


4：解决浏览器宽度缩小变形，把添加float属性的DIV元素嵌入在一个div中，并给此div添加width和height属性.