static(静态定位)
浏览器默认定位,top、left等都不生效,在文档流中,z-index不生效
relative(相对定位)
在文档流中,z-index生效,top、left等相对于自身定位,不会影响其他元素
absolute(绝对定位)
脱离文档流,z-index生效,相对于最近的不是static的元素定位,若没有以HTML为准
fixed(固定定位)
脱离文档流,相对于视口定位,不随滚动条滚动而滚动,一般导航栏用此定位方式
sticky(粘性定位)
脱离文档流,会在文档流预留物理空间,top相对于父元素偏移