浮动与定位的区别

2022-10-13,,

浮动定位区别

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

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

《浮动与定位的区别.doc》

下载本文的Word格式文档,以方便收藏与打印。