定位方式

五种基本定位方式

.static { 
  position: static; /* 默认，正常文档流 */
}
.relative { 
  position: relative; /* 相对自身原位置定位 */
  top: 10px; left: 20px; /* 偏移 */
}
.absolute { 
  position: absolute; /* 相对最近非static父元素 */
  top: 0; left: 0;
}
.fixed { 
  position: fixed; /* 相对视口 */
  top: 0; right: 0;
}
.sticky { 
  position: sticky; /* 滚动时粘性定位 */
  top: 0;
}