关于margin的问题

Question

2个div的间距是10px，请问以下2中写法有没有区别，或者哪一个更好？

1、div1{margin:10px 0}

2、div1{margin:5px 0} div2{margin:5px 0}

Answer 1

两个margin相邻时，会造成合并的问题，只留下最大的margin，除非你用边框隔开或者做成浮动的。所以没有好坏，只有适不适合某个场景

Answer 2

我只说第二种写法，第二种写法会导致一个问题，外边距重叠，外边距重叠发生的前提有两个：一、只发生在block元素上（不包括float、absolute、inline-block元素）；二、只发生在垂直方向。所以你的第二种写法不成立。

Answer 3

有区别，第二种分布比较均匀，没有好坏之分，看场景。