Position布局分为以下几种
- static
默认布局,没有定位 - absolute
绝对定位,如果一个元素绝对定位后,其参照物是以离自身最近元素是否设置了相对定位,如果有设置将以离自己最近元素定位,如果没有将往其祖先元素寻找相对定位元素,一直找到html为止。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定 - relative
相对定位,相对于自身原本位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 - fixed
相对定位,它和absolute的区别在于,fixed是相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 - inherit
规定应该从父元素继承 position 属性的值。