Re:从零开始的html学习笔记（06）

Re:从零开始的html学习笔记（06）

---

---

一、定位

1.1定位的用途

定位可以让元素自由的摆放在网页的任意位置，一般用于 盒子之间的层叠情况。

1.2定位的语法

• 语法：position: 属性值
  • 静态定位：静态定位是默认值，就是之前认识的标准流。
    • 语法： position: static;
  • 绝对定位
    • 拼爹型定位，相对于非静态定位的父元素进行定位移动
    • 语法position: absolute;
    • 脱标，不占位置
  • 相对定位
    • 自恋型定位，相对于自己之前的位置进行移动
    • 语法： position:relative;
    • 不脱标
  • 固定定位
    • 死心眼型定位，相对于浏览器进行定位移动
    • 语法： position: fixed;
    • 脱标
  • 子绝夫相
    • 子类是绝对定位+夫类是相对定位