为什么需要定位
- 用定位来实现标准流或浮动都无法快速实现的效果
- 定位可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置,并且可以压住其他盒子
定位组成
- 定位:将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子
- 定位=定位模式+边偏移
- 边偏移则决定了该元素的最终位置
定位模式
- 定位模式用于指定一个元素在文档中的定位方式
- 通过CSS的position属性来设置
值 | 语义 |
---|---|
static | 静态定位 |
relative | 相对定位 |
absolute | 绝对定位 |
fixed | 固定定位 |
边偏移
边偏移属性 | 示例 | 描述 |
---|---|---|
top | top:80px | 顶端偏移量,定义元素相对于其父元素上边线的距离 |
bottom | bottom:80px | 底部偏移量, |