position属性介绍

来源:互联网 发布:生活常识问答软件 编辑:程序博客网 时间:2024/06/03 10:20

默认属性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定位后,父元素移动到和其某个边界重合后,就会带走粘贴定位的元素。
实践出真知,自己动手吧!

原创粉丝点击