CSS定位（position）

CSS 布局的三种机制

CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中：

1. 普通流（标准流）
   自上而下显示，自左而右显示
2. 浮动
   • 让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。
3. 定位

   • 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 —— CSS 离不开定位，特别是后面的 js 特效。

     静态定位(static)

• 静态定位是元素的默认定位方式，无定位的意思。

• 静态定位 按照标准流特性摆放位置，它没有边偏移。

  相对定位(relative)

  相对定位是元素相对于它 原来在标准流中的位置来说的。

CSS定位（position）

原文：https://www.cnblogs.com/songsongblue/p/12536676.html