相对定位,绝对定位,固定定位,用以展示网页额外信息,或者重叠信息所使用的css属性,它可以很好的在坐标系对应位置移动元素,来达到理想效果,最常见场景二级菜单,鼠标上上元素,展示掩藏内容,离开,内容掩藏。
position,可以设相对定位,resetion,该属性不脱离文档流,原元素是常规流或者浮动元素,加上resetion,后,不会影响原属性,是什么属性还是什么属性,只有在使用top,left,bottom,移动时,才以自己当前位置为坐标系进行左右移动,没有范围限制。
abs﹉,绝对定位,该属性加上后相对与父级或者更上级范围移动,即最近的定位元素包含块为移动范围,若都没有,以网页包含块为坐标系,进行top,left,right,bottom,等相关位置移动,坐标系为最近定位元素包含块,以此范围移动。
当设定绝对定位,元素会变为常规块盒,不管是什么元素,这与相对定位有所不同,一般与相对定位元素连用,常用在元素重叠,二级元素展示或掩藏中。
将四个方向设为0,再设置margin:0 auto,即可元素居中显示,十分便捷。
固定定位,脱离文档流,以视口大小为坐标系,居中显示与绝对定位规则一样,常见于头部导航栏,左则菜单栏,广告弹窗等。