position的理解
Position是用来给元素进行定位的,常用属性有4个
static是position的默认属性,元素会按正常的文档流进行排序,不会受到top,bottom,left,right的影响
relative相对于元素正常位置进行偏移,受top,bottom,left,right的影响。多用于absolute绝对定位的父元素。
absolute绝对定位会脱离文档流,相对于最近的定位(非static)父级元素定位,若父级元素没有定位,则相对于浏览器窗口定位。
fixed固定定位脱离文档流,一直相对于浏览器窗口定位,无论页面如何滚动,此元素总在屏幕的同一个位置。
注:当fixed定位的父元素使用了transform的样式时,fixed定位会失效,变成和absolute一样的效果。
使用:常与z-index和display js联合式用,实现网页中的效果,如图片轮播,吸顶效果等