浮动和定位的区别
-
浮动元素的包含块是从content-box开始依次排列，定位元素的包含块是padding-box，width,padding,margin:百分比的依据！！！
-
bfc元素能够被浮动元素撑起（bfc独立区域可见浮动元素），但忽略定位元素
-
浮动元素和position:absolute都会将元素变成块盒子（li特殊，仍然为原来的list-item）
-
常规流，浮动流，定位流的z-index:常规流的z-index设置无效，还是默认的auto，（只有定位元素才能设置z-index），浮动和定位都比常规流高一层（默认）,浮动元素z-index=-1时，低于常规流（常规流可以近似地看作z-index=0）
-
浮动流接近常规流，绝对定位和固定定位完全脱离常规流