position的值,relative\absolute\fixed分别相对于进行谁定位,有什么区别,什么

Question

如题所述

Answer 1

relative相对定位，相对于其盒子原来的位置进行定位。

absolute绝对定位，相对于父元素左上角定位（一般我们将父元素设置为相对定位，不要使用top等属性），没有为其父元素设置相对定位，那么该元素会一直往上递推，直到html节点停下来。即，若父元素没有设置相对定位，而元素本身又是绝对定位，那么该元素相对于html元素定位（浏览器窗口左上角）

设置了父级元素相对定位的情况

没有设置父级元素相对定位

fixed固定定位，它是相对于浏览器窗口进行定位，一般用于侧边栏的广告，联系方式等，可以参考淘宝，京东等网站的侧边栏。