Question

问个菜鸟的css问题，margin属性是相对于父标签的外边距，还是相对于同级标签的外边距？

还是两种情况都有啊？求解答

Answer 1

看下这个就明白了

3个div

a1下有两个div,分别是a2,a3

我将a2的margin设置为20px;

你看下图,黄色部分是margin的距离

黄色的是边距

追问

那结论是什么？

追答

结论就是两种情况都有呗
这种东西在不同的环境下有不同的结果
是需要多应用才行的

Answer 2

是两种情况都有的
<style>
*{ border:1px #000 solid; padding:0px; margin:0px } /*把全局的内边距，和外边距都变成0px*/
.span1{ margin:0px 10px} /*设置span1的左右外边距为10px
</style>

<div >
<span class="span1">222</span><span>11111</span>
</div>

如果有什么不懂可以追问 ， 谢谢

Answer 3

这个要看你的结构是怎样的了，1.<div class="demo"><span class="aaa" style="margin-left:10px;"></span></div>这里的margin的对象就是父标签demo;2.<div class="demo"><span class="bbb"></span><span class="aaa" style="margin-left:10px;"></span></div>这里的margin的对象就是同级标签了;主要还是看结构是怎么样的，

Answer 4

margin属性是相对于父标签的外边距。