margin重叠传递问题

1、margin重叠传递问题下面的几个部分应当是margin重叠问题的全部状况了：1、两个一般元素上下的margin会合并为一个margin，哪个大选哪个！两个浮动元素不会浮现margin传递的问题，依旧是上面元素的margin-bottom和下面元素的margin-top相加作为两者之间的margin值。2、两个元素假如是包含关系，父元素和子元素上下margin值也会合并（推举学习：css视频教程）当父元素不加边框，不设置宽高，即父级没有触发haslayout时ie6、7和标准扫瞄器下，均会发生margin传递问题子元素和父元素的高度相同（子元素的top将和父元素的top在一条直线上，botto

2、m将和父元素的bottom在一条直线上）而父元素则挑选两者之间大的数值作为父元素的margin-top值和margin-bottom值！子元素的margin-left和margin-right值依旧存在当父元素不加边框，但是，设置宽或高或zoom：1；即父级加可以触发haslayout的属性时标准扫瞄器下，会发生margin传递但是在ie6、7下则不会发生margin传递（即子元素的margin就是相对于父元素的，不会传递给父级）当父级加边框，并且父级没有触发haslayout时标准扫瞄器下，不会发生margin传递ie6、7下，子元素的margin彻底消逝！当父级加边框，并且父级触发hasl

3、ayout（即加width或height或zoom：1）时， ie6、7和标准扫瞄器下，都不会发生margin传递！ 对于ie6、7来说：即只要触发haslayout，不管给不给父元素加边框，不管标准扫瞄器会不会发生margin传递，ie6、7下都不会发生margin传递！而对于标准扫瞄器来说：惟独加边框才干避开margin传递！给父元素添加边框，则子元素和父元素之间的margin就有分割线了，此时将不会发生合并现象了！假如给子元素添加边框两者的margin值还是没有被分开，所以依旧还会发生重叠现象！假如这里父元素里包含了多个块子元素，则每个子元素之间满足上下margin重叠，挑选两者较大的m

4、argin作为两者之间的margin，第一个子元素的top和父元素重叠（左图上面白色距扫瞄器顶的白色区域即是），最后一个子元素的bottom和父元素重叠。ie6、7和标准扫瞄器显示效果均如左图。此时，假如两个块元素是浮动元素，那么，那么就不存在子元素和父元素的margin传递状况，此时，上下的margin值则是两者之间的各自margin值相加！标准扫瞄器显示如下图中，ie6显示如下图右。但为什么显示有差异呢？由于，额滴神啊！一波未平一波又起！块状元素和横向margin和浮动三者引发了ie6的新的兼容性问题——双边距bug（注重ie7没有双边距bug！）由

5、此实践时，首先一定要给父元素加触发haslyout的属性！这一条保证了在ie6、7下不浮现margin传递问题和margin值消逝问题；然后，考虑在标准扫瞄器下，给子元素加浮动可以解决没有border时浮现的margin传递问题，但是此时加浮动后会造成ie6的双边距bug，所以我们实践时尽量将浮动的块状元素的margin换为padding，假如实在不能换就给该元素加display:inline;！3、两个div（a、b）上下之间没有margin值，但是a中有子元素有margin，这时该子元素的margin值会传递到两者间，会使a、b两个元素之间填充上margin，仅限垂直方向！对于这个问题，也许就是这样啦，其实也很容易，只是我把全部的状况列出来了，其实综合起来就是上面总结部分的内容。我