scss position: absolute;

绝对定位是指元素的位置相对于最近的已定位祖先元素，如果没有已定位的祖先元素，那么它的位置相对于最初的包含块。在SCSS中，可以使用以下方式设置绝对定位：

.parent {
  position: relative;  height: 400px;
  .son {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    transform: translateY(-50%);
  }
}

上述代码中，`.parent`元素设置了`position: relative`，使其成为已定位的祖先元素。`.son`元素设置了`position: absolute`，使其相对于`.parent`元素进行定位。`top: 50%`将`.son`元素的顶部与`.parent`元素的中心对齐，`transform: translateY(-50%)`将`.son`元素向上移动自身高度的一半，使其垂直居中。

除了绝对定位，SCSS还支持使用flex布局和margin实现元素居中。具体实现方式如下：

// flex布局
.parent {
  display: flex;
  align-items: center;
  height: 400px;
  .son {
    width: 100px;
    height: 100px;
  }
}

// margin
.parent {
  position: relative;
  height: 400px;
  .son {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}