CSS浮动定位

行级元素与块级元素
行级元素：行级元素与其他行级元素都会在同一条水平线上排列，都是在同一行的。例如啊，lable，img，span标签等等。
块级元素：默认情况下独占一行，例如：div，h，li，table标签等等。

定位机制：文档流，脱标流（float，position）
文档流：空白折叠（行级元素的标签在html内的回车在页面上显示为空格）；高矮不齐，底边对齐；自动换行，一行写完写另一行。

float包裹和崩溃：
崩溃特性：父元素中的子元素设置了浮动且父元素未指明高度时，会产生崩溃。（因为子元素浮动时，父元素未指明高度的情况下是由子元素的内容撑开高度的，但此时子元素浮动了，父元素就管不到子元素了，因此会缩回去。）
包裹特性:父元素未设置宽时，正常情况下父元素（B）的宽是根据父元素（B）的父元素（A）的宽来确定的，但当父元素（B）设置浮动之后，它的宽就根据它子元素的宽来确定了。即父元素自适应于里边的内容。