margin重叠问题解决方案

margin重叠问题也是属于面试常问题，在具体的开发工作中，经由本人实践，暂时有两种解决方案

1.直接使用单向的margin,

比如:  

 多个div单列布局  margin: 20px 0;  ,  如果期望每个div上下间距40px，这种做法显然是不可的，由于margin重叠，实际上下间距只有20px  

那么换成  

div{margin-bottom: 40px;}     

div:first-child{margin-top: 20px}

这是第一种方法， 但是比较麻烦

2.使用<br/> 或者其他块级标签，在每个div中间放一个，起到隔离的作用，margin的重叠问题自然不攻而破，这是目前比较好用的方法

未完待续...