关于前端margin的问题

Question

想问下给1个div写margin: 0 auto; 0是上下外边距，最后显示的是距离上外边距为0，这样对下外边距不会有冲突吗
给1个div父盒子写宽度300px,然后给它的一个子div写宽度100px,然后 给子盒子写margin-right: 40px;没效果，还得加个margin-left: auto才显示效果，不知道这是为什么

Answer 1

感觉你没理解margin是什么，是指的元素自身的周边向外延伸的距离，可以理解为一个没有颜色边框一样，而不是距离页面的距离。
1.margin: 0 auto；中 0 代表上下margin都为0，指这个元素距离上面的元素和下面的元素中间都不会有间距，不冲突，auto指的是自动分配剩余空间。
2.margin-right: 40px;并不是没有效果啊，你在这个100px的元素后面写个文字，会发现文字距离元素有40px的距离，
3.加上margin-left: auto显示效果因为 auto 自动占满左侧的空间，把元素顶到了最右边，再加上margin-right: 40px;让你看到了效果。效果一直都有。