CSS中的left屬性用于控制元素的水平位置。而left的值可以使用像素或百分比來設(shè)定。

當使用百分比來設(shè)定left值時，它是相對于其父級容器的寬度來計算的。

比如說，我們有一個父級容器寬度為400px，要讓子級元素向左偏移50%，則可以這樣寫：

.parent {
width: 400px;
position: relative;
}
.child {
position: absolute;
left: 50%;
transform: translateX(-50%);
}

上面的代碼中，我們讓子級元素的left值設(shè)定為50%，也就是位于父級容器的正中間。然而，由于left值是基于父級容器的寬度計算的，所以實際上子級元素左邊緣距離父級容器左側(cè)還有100px（400 * 50%）。

為了讓子級元素真正居中，我們還需要使用transform屬性將其向左移動50%自身的寬度，也就是（子級元素自身寬度 * 50%）即可。

通過這種方式，我們可以輕松地控制元素的水平位置，并實現(xiàn)自適應布局。