元素其实是使用top、bottom、left和right属性定位的，首先要设置position属性，这些属性才起作用。
static：默认的定位方式，不受top、bottom、left和right属性的影响
position:static;的元素不会以任何特殊方式定位，它始终根据页面的正常流进行定位
position:relative; 相对于其正常位置进行定位 ，top、right、bottom和left属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。因此，移动元素会导致它覆盖其他框。
position:fixed;相对于视口定位，这意味着即使滚动页面，它也始终位于同一位置。top、right、bottom和left属性用于定位此元素。固定定位的元素不会在页面中通常应放置的位置上留出空隙。
position:absolute;相对于最近的定位祖先元素进行定位（而不是相对于视口定位，如fixed），如果绝对定位的元素没有祖先，将使用body，并随页面滚动一起移动，被定位的元素是其位置除static以外的任何元素。
position:sticky;根据用户的滚动位置进行定位，在相对（relative）和固定（fixed）之间切换，起先它会被相对定位，直到在视口中遇到给定的偏移位置为止，然后将其“粘贴”在适当的位置（比如：position:fixed），必须至少指定 top、right、bottom 或 left 之一，以便粘性定位起作用。
z-index指定元素的堆栈顺序 正或负
因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。可以通过设置 z-index属性来控制这些框的堆放次序。
来源于：https://www.w3school.com.cn/