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 感谢分享