相对绝对定位结合实现垂直水平居中

相对绝对定位结合实现垂直水平居中通常是在CSS布局中的一种技术。它利用了`position: relative;`和`position: absolute;`两个属性。`relative`设置的是相对于其正常位置的偏移，而`absolute`则脱离文档流，并相对于最近的已定位祖先元素进行定位。

要实现垂直和水平居中，可以这样做：

1. 将包含元素设为`position: relative;`作为容器：

   .container {
     position: relative;
   }

2. 将需要居中的元素设为`position: absolute;`：

   .content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }

`top: 50%;` 和 `left: 50%`会使元素移动到其容器的中心，然后通过`transform: translate(-50%, -50%);`将其向左上角移动自身宽度和高度的一半，实现了真正的居中。