使用 left 的相对定位示例：
.relative-container {
position: relative;
}
.relative-element {
position: relative;
left: 20px; /* 元素相对于其包含块左边缘向右偏移20像素 */
}
在上述示例中，.relative-element 相对于其包含块 .relative-container 的左边缘向右偏移了20像素。
使用 left 的绝对定位示例：
.absolute-container {
position: relative;
}
.absolute-element {
position: absolute;
left: 50px; /* 元素相对于最近的已定位祖先元素的左边缘向右偏移50像素 */
}
在上述示例中，.absolute-element 相对于最近的已定位祖先元素（在这里是 .absolute-container）的左边缘向右偏移了50像素。
left 属性的值可以为负值，表示相对于左边缘的偏移量。这个属性通常与 position: relative; 或 position: absolute; 一起使用，以便有效地定位元素。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6087/CSS