margin-left和left的区别

w3c上的定义：

margin-left：

margin-left 属性设置元素的左外边距。所有浏览器都支持这个属性。

注释：允许使用负值。

left：

left 属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。

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

使用left元素，需要使用除static之外的定位，否则left不起作用。

实例说明：

margin-left的使用：

结果：

不管class为demo的div是否有定位，demo1是否定位，margin-left都是起作用的。

left的用法：

当demo1有定位，比如absolute或者relative时，不管demo是否定位 ，demo1中的left都起作用。

浏览器效果：

当demo1中没有定位的时候，为默认的static时，比如

浏览器效果：

此时demo1中的left不起作用。

综上可知，left的使用要求该元素必须有除static之外的定位。margin-left的使用不要求元素的定位。

 

另：设置margin-right不能使元素element定位到要求的右边相距xx位置，但是right可以。

比如右上角的关闭按钮

 

参考文章http://blog.csdn.net/tomatozq/article/details/7178144 感谢分享