定位的实现

2、定位的实现

使用定位需要指定一个元素在文档中的定位模式，配合设置【边偏移量】决定元素最终的显示及位置。

定位模式通过position属性来设置，以下为常用四种定位模式静态定位，相对对定位，绝对定位，固定定位。

边偏移定位元素的位置，使用top、right、bottom和left来描述。

通常水平位置通过left或right控制，垂直位置通过top或bottom控制。

• 位置属性

  • left：设置距离包含块左侧的距离

  • right：设置距离包含块右侧的距离

  • top：设置距离包含块顶部的距离

  • bottom：设置距离包含块底部的距离

• 取值

  • 长度值：px/em等

  • 百分比：相对于包含块计算

  • auto 默认值

  • 允许使用负值