CSS | left属性

简介

left是 CSS 属性之一，它用于设置元素的左边缘到其容器的左边缘的距离。该属性对于绝对定位和固定定位的元素非常有用。

语法

selector {
  left: length | percentage | auto;
}

属性值

• length: 指定一个固定的长度值，如px、em、rem等。
• percentage: 相对于容器的宽度，使用百分比来表示。例如，50%会制定将元素的左侧放置于容器左侧的50%位置。
• auto: 默认值。浏览器自动计算元素的左边缘。

样例

基础用法

例如，您有一个 div 元素，您希望该元素距离其容器左边缘的距离为50像素：

div {
  position: absolute;
  left: 50px;
}

使用百分比

如果您想让该 div 元素相对于其父元素的左侧的50%位置：

div {
  position: absolute;
  left: 50%;
}

兼容性

该属性受到各种浏览器的支持，包括Internet Explorer 6，但在Internet Explorer 7和8中存在一些错误。

总结

left属性对于定位元素非常有用。您可以使用像像素或百分比这些单位来调整相对于容器左侧的距离。