position属性默认值为staic,即没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
position:relative;相对定位,元素相对自身原来的 位置进行定位(偏移)。
position:fixed;固定定位,相对于浏览器窗口进行定位。如果没有声明left或top,则保留在原来的位置;如果声明了left或top,则相对浏览器窗口进行定位。
position:absolute;绝对定位,相对于 static 定位以外(包括relative、fixed和absolute)的第一个父元素进行定位。当父元素都没有以上三种定位的时候,是相对于浏览器第一屏窗口进行定位,很多人认为是相对body定位。如果没有声明left或top,则保留在原来的位置;如果声明了left或top,则相对有定位的父元素的padding-box或浏览器窗口进行定位。