css中position的属性想必大家不会陌生，我们常用的三个属性如下
absolute生成绝对定位的元素，会不占用原位置进行定位（相当于浮动的特性，下一级元素会上行占用该位置），依据最近有定位的父级进行定位，如果最近父级无，直至相对网页Document进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative生成相对定位的元素，相对于其原位置进行定位，且保留原位置。 例如"left:20" 会向元素的LEFT位置添加20 像素。
fixed生成绝对定位的元素，相对于Browser窗口进行定位，始终保持在浏览器窗口之内。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
在Z-index使用上，被用于将在一个元素放置于另一元素之后，即相对于浏览器的样式先后展示，一般同absolute一起使用，Z-index的灵活使用，可以起到锦上添花的效果。relative适合作为absolute的父级定位样式里使用，对于fixed使用部分前端开发攻城狮也喜欢作为网页锚点使用。
参考：https://www.qwzyj.com/thread-113-1-1.html
网友评论