主要区别可以总结为：
1、left指令要生效，必须其有position：relative或者position：absolute的定位才能执行；margin-left则不需要。
2、position:relative 只能定位在当前位置，受其父div位置的控制；position:absolute可以使div脱离文档源，位置由上一个有定位的祖div控制。
为了方便观察，我把背景颜色换了，然后把系统自带的内边距外边距都取消了）
具体输入*{background-color: #eee; margin: 0px; padding: 0px;}
1.1 生成一个div，输入{border: 1px red solid; height: 200px; width: 200px; left: 50px; } 其效果图为:
这时候输入了left=200px，但是div并没有移动，这是由于他没有被定位，所以left指令无法实行。
1.2 但是如果对这个div进行相对定位或者绝对定位，那么它会定位在他所出现的位置，然后对left或top的指令再进行移动。这次我们把position：absolute/relative 加上，输入{border: 1px red solid; height: 200px; width: 200px; left: 50px; position：relative； }，其效果图为：
这时候他就会先根据他一开始的定位发生移动，left的指令就生效了。
1.3 接下来，把left指令，换为margin-left，把position的指令删除，输入{border: 1px red solid; height: 200px; width: 200px; margin-left: 50px; }，其效果图为亮巧：
这笑肆时候它就往右边移动了50px，也就是距离左边距50px。可以得出其指令并不需要position位，它直接规定边距的距离。
1.4 最后我们把position；left；margin-left都加上，输入{border: 1px red solid; height: 200px; width: 200px; left: 50px; position：relative；margin-left: 50px; }， 其效果图为：
这时候两个指令都生效了。首先margin-left:50px, 先让这个div距离左边距50px，然后position:relative;的指令使div定位在这个位置，最后left:50px；的指令，使div再距离所定位的位置50px，所以一共离左边距100px。
创建以下三个div：
1、在style分别输入
#father{border: 1px red solid; height: 200px; width: 200px; left: 100px; position:relative； }
#son{border: 1px black solid; height: 100px; width: 100px; margin-left: 200px; }
#grandson{border: 1px blue solid; height: 50px; width: 50px; left:50px; position:relative; }
这时候#son并没有position，但是#grandson的position为relative，所以他只能对当前的定位（由于他是father与son的子文件，所以会跟他们进行相碰键轿关的位移后，再实施它自己的指令进行位移，所以一开始的定位应该在黑色框内的右上角）进行位移。
2、保持其他参数不变，然后把#grandson的position:relative 给为position:absolute，具体为：
#grandson{border: 1px blue solid; height: 50px; width: 50px; left:50px; position:absolute }
此时，由于#grandson的position为absolute，即脱离文本源，就是他不会受没有定位的父div的影响，就是说其定位会忽略没有position定位的div，而直接找到最近一个有定位的祖div，再进行定位，所以它直接找到的是#father的定位，然后想对它定位后再进行left=50px的指令。
3. 要证明这一点很简单，我们再给#grandson生一个子div id="ggson"
这时候布局：
在style输入：
#ggson{border: 1px green solid; height: 25px; width: 25px; left:10px; position:absolute}
#ggs的定位追踪到#grandson上，所以在其定位上做出left=10px的指令。
这时候我们在吧#grandson的position给删掉，输入：
#grandson{border: 1px blue solid; height: 50px; width: 50px; left:50px; }
这时的效果图为：
由于#son与#grandson上面都没有position的定位了，所以#ggson只能定位到father的position上面。
最后我们再把#ggson的position:absolute改为relative,输入：
#ggson{border: 1px green solid; height: 25px; width: 25px; left:10px; position:relative;}
这时候他就不会找祖div的position，其定位只接受其父div控制，只能定位在所在的位置。
left这个属性不能单独使用的，必须配合position
margin指的是外边距
而margin-left:是指元素左边距，会受其他元素（包括文字陪梁）的影响，例如：
123NNN234
显示为：
而且可以应用在任何元素上。
left要配合position 属性烂搭，相对或绝对于原饥庆拿差悄来位置左面10px
而margin-left:10px是离左面元素10px
imgMain.style.marginleft是指 div距离页面左边的距离
left是指对象的左上角的X坐标
margin-left，要搞明白这个问题余型，你先要看一下CSS盒模型
内容到边框的距离叫PADDING,叫喊核内边距
如果一个DIV名叫A；左边有一个DIV叫B，margin为O；那么
A 的margin－left是表现为A左竖渗猜边框到这个B的边框的距离
以上就是土嘎嘎小编大虾米为大家整理的cssmargin-left相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！