CSS：定位组成

定位组成

定位：就是将盒子定在某一个位置。其实，定位也就是在摆放盒子，按照定位的方式移动盒子。定位也是布局使用的。

定位 = 定位模式 + 边偏移

定位模式：用于指定一个元素在文档中的定位方式。
边偏移：决定了该元素的最终位置。

定位模式（即定位分哪几种情况）

定位模式决定元素的定位方式，它通过CSS的position属性来设置。最常用的四种取值：

• static：静态定位
• relative：相对定位
• absolute：绝对定位
• fixed：固定定位

边偏移

边偏移就是定位的盒子移动到最终位置，有top、bottom、left、rigtht四个属性。这四个属性只存在于定位当中，标准流和浮动不能使用这四个属性。

• top：例如top: 80px。它描述了顶端偏移量，定义元素相对于其父元素上边线的距离。
• bottom：例如bottom: 80px。它描述了底部偏移量，定义元素相对于其父元素下边线的距离。
• left：例如left: 80px。它描述了左侧偏移量，定义元素相对于其父元素左边线的距离。
• right：例如right: 80px。它描述了右侧偏移量，定义元素相对于其父元素右边线的距离。