文档流：自上而下分成一行一行，每行中从左至右的顺序排列元素。网页大部分对象都占用文档流。
定位：
float 浮动比较有用的是，前面的内容设置浮动后，如果不进行清除，后面的标签会跟上来，且标签里面的内容会排在设有浮动标签的后面，但其标签是占有整行的。
position position设置了absolute，不对其设置left或top的话是不会改变位置的。
如果设置top负值的话有以下几种方法
margin-top:-10px;
position:relative/absolute; top:-10px;
transform 变换元素改变了形状，但新的形状不会影响文档流动。
z-index 设置元素的堆叠顺序，通过position激活，脱离文档流后不设置z-index也会漂浮在上面。
原文：http://www.cnblogs.com/chenlily/p/5594682.html