CSS left 属性

定义

left 属性规定元素的右边缘。

这个元素定义了定位元素左外边距边界与其包含块左边界之间的偏移。

注释：如果 "position" 属性的值为 "static"，那么设置 "left" 属性不会产生任何效果。

继承性：No

对于 static 元素，为 auto；对于长度值，则为相应的绝对长度；对于百分比数值，为指定值；否则为 auto。

对于相对定义元素，left 的计算值始终等于 right。

CSS 属性也可通过一段 JavaScript 被动态地改变。

object.style.left="100px"

在我们的 HTML DOM 教程中，您可以找到更多有关 left 属性的细节。

在我们的 HTML DOM 教程中，您也可以找到完整的 Style 对象参考手册。

本例可把段落的左边缘设置到距离窗口左边缘的右侧 20 像素：

p
  {
  position: absolute;
  left: 20px
  }

本例可把段落的左边缘设置到距离窗口左边缘的左侧 20 像素：

p
  {
  position: absolute;
  left: -20px
  }

值	描述
auto	默认。通过浏览器来计算左侧的位置。
%	设置元素的左边到最近一个具有定位设置父元素的左边缘的百分比位置。
length	使用 px、cm 等单位设置元素的左边到最近一个具有定位设置父元素的左边缘的位置。可使用负值。