/* 相对定位 */
/* 根据原来的位置进行相对定位,不脱离文档流,会占据原来的位置 */
position: relative;
/* 绝对定位 */
/* 相对于已固定的定义进行定位,脱离文档流,不会占据原来的位置 */
position: absolute;
/* 固定定位 */
/* 相对于浏览器的窗口进行固定,脱离文档流,不会占据原来的位置 */
position: fixed;
/* 粘性定位 */
/* 滚动页面时它的效果与相对定位相同,
当元素滚动到一定程度时它又会呈现出固定定位的效果。
(比如一些网页上的导航菜单,当页面加载完成时它在自己默认的位置,
当我们向下滚动页面时它又会固定在页面的最顶端) */
position: sticky;
position的定位
于 2022-11-01 10:45:38 首次发布