CSS的定位

CSS

定位

默认

position:static;

绝对定位 脱离文档流

position:absolute;(top left right bottom移动) 

    参照物:当没有父元素或父元素没有定位时参照物是浏览器的第一屏

    当有父元素且父元素有定位,参照物为父元素(常用相对定位)

固定定位 脱离文档流

position:fixed;  

     参照物:浏览器当前窗口(视口)

注：绝对定位或固定定位后行内元素会转换成块元素

相对定位 不脱离文档流

position:relative;

    参照物:自己的初始位置(移动后原来空间还在)

粘性定位 后面需加方向(eg top:0;)

position:sticky 

    可以做顶吸效果 粘性定位是css3.0新增(不好兼容)
父元素不能添加overflow，会失效