默认属性static
static
即没有定位,还是保持其在文档流中的正常顺序,不能设置z-index
相对定位relative
relative
为相对定位,但是不脱离文档流,可设置z-index
绝对定位absolute
absolute为绝对定位,其相对于最近的定位父元素进行定位,定位父元素包括relative,absolute,fixed。
脱离文档流,可设置z-index
固定定位fixed
fixed
是一种特殊的absolute
,其只相对于视口定位。可设置z-index
粘贴定位sticky
粘贴定位的元素在其定位父元素内相当于未设置定位属性,当时当父元素的移动导致其位置不在其设置的top,right,bottom,left
值内时,粘贴定位的元素会变成fixed
定位,位置偏移和其设置的top,right,bottom,left
值一致,此时仍然在父元素内,当其fixed
定位后,父元素移动到和其某个边界重合后,就会带走粘贴定位的元素。
实践出真知,自己动手吧!