JavaScript HTML DOM Style left 属性

• 

  left 属性

  left属性设置或返回定位元素的左侧位置。此属性指定元素的左侧位置，包括填充，滚动条，边框和边距。

  提示：定位元素是position属性设置为：relative，absolute或fixed的元素。

  提示：要设置或返回定位元素的右侧位置，请使用right属性。

  设置button元素的左侧位置：

  document.getElementById("myBtn").style.left = "100px";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  left	支持	支持	支持	支持	支持

• 

  语法

  返回left属性：

  object.style.left

  设置left属性：

  object.style.left = "auto|length|%|initial|inherit"
• 

  属性值

  值	描述
  auto	让浏览器设置左侧位置。 这是默认值
  length	以长度单位定义左侧位置。 允许负值
  %	设置父元素宽度的％左侧位置
  initial	设置这个属性为默认值。 阅读有关initial信息
  inherit	从其父元素继承此属性。 阅读有关inherit的信息

• 

  技术细节

  项目	描述
  默认值：	auto
  返回值：	一个字符串，表示定位元素的左侧位置
  CSS版本	CSS2

• 

  更多例子

  设置div元素的左侧位置：

  document.getElementById("myDIV").style.left = "100px";
  

  尝试一下

  使用负值 - 设置div元素的左侧位置：

  document.getElementById("myDIV").style.left = "-100px";
  

  尝试一下

  返回div元素的左侧位置：

  alert(document.getElementById("myDiv").style.left);
  

  尝试一下
• 

  相关页面

  CSS参考：CSS left 属性

  CSS参考：CSS 定位