left 属性是 CSS 中用于设置元素的左侧边缘与其包含块(父元素或最近的定位祖先)左侧边缘之间的距离的属性。这个属性通常与定位(positioning)属性一起使用,例如 position: absolute; 或 position: relative;。

以下是 left 属性的基本语法:
selector {
  position: relative; /* 或者 position: absolute; */
  left: value;
}

  •  value 可以是一个具体的长度单位,例如像素(px)、百分比(%),也可以是其他相对单位。


示例:
.positioned-element {
  position: relative;
  left: 20px; /* 将元素的左侧边缘向右移动20像素 */
}

.absolute-element {
  position: absolute;
  left: 50%; /* 将元素的左侧边缘相对于父元素或最近的定位祖先的左侧边缘居中 */
}

请注意,left 属性通常用于相对定位(position: relative;)或绝对定位(position: absolute;)的元素。它会影响元素在文档流中的位置,使元素相对于其包含块进行偏移。


转载请注明出处:http://www.zyzy.cn/article/detail/4203/CSS