自学前端搞不懂left和margin-left一起用情况

img


只有left物体会在中间
只有margin-left物体也是在中间差不多的位置
但是这俩一起用物体怎么就到右边的位置了呢？
难不成是margin-left基础上的left?

left 要 结合定位 来使用 你单独使用left 没有效果 的 。margin-left是 外边距 ，可以单独使用 。

至于 padding和 margin的 区别 可以 看看看 盒模型

你可以搜一下css盒子模型

left是搭配定位使用的；
如：

        position: absolute;//或者fixed
        left: 50%;//也可以right  top  bottom

margin-left是左边外边距；就是距离左边的一个dom多远的距离
可以直接margin-left: 20px;//距离左边的一个dom多远的20px

先系统学习，然后再去测试margin-left和left的区别，left生效必须设置position的值