浮动与定位的区别

浮动和定位的区别

• 浮动元素的包含块是从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）

• 浮动流接近常规流，绝对定位和固定定位完全脱离常规流