CSS—定位

【内容】

1.定位

将盒子定在某一个位置，自由的漂浮在其他盒子的上面。CSS离不开定位。

记忆法：

标准流在最底层（海底），浮动的盒子在中间层（海面），定位的盒子在最上层（天空）。

2.定位组成

定位也是用来布局的，有两部分组成：

定位=定位模式+边偏移。

（1）边偏移

我们定位的盒子，是通过边偏移来移动位置的。

在CSS中，通过top、bottom、left和right属性定义元素的边偏移，具体如下：

边偏移属性	示例	描述
top	top: 80px;	顶端偏移量，定义元素相对于其父元素上边线的距离
bottom	bottom: 80px;	底部偏移量，定义元素相对于其父元素下边线的距离
left	left: 80px;	左侧偏移量，定义元素相对于其父元素左边线的距离
right	right: 80px;