问题代码： <div id="father" style="background:#eee;"> <div id="son" style="margin-top:50px;">son</div> < ...

在平时做项目的时候，有些时候会发生margin重叠的现象，但这种情况并不是一直都会发生，那到底什么时候会发生margin重叠呢。在网上搜索了一些资料，大致做了一些整理。 首先，会发生margin重叠的肯定是同一个BFC内的块级元素，例如div、ul等，不是块级元素不会发生重叠。（内联元素 ...

　　我发现强迫症真的是我一个大病。。。每次都非得把所有情况都实验出来不可。。。BUT!!!!!!!!!悲催的是，这么多情况我根本记不住。。。还是要在写代码的时候不断出错再排错~受不了自己了！不过还是把这部分总结到这里啦~ 下面的几个部分应该是margin重叠问题的所有情况了： 1、两个普通元素 ...

1.上下/左右相邻的普通元素margin，不是两者相加之和，而是取最大值，这个现象叫做margin重叠。 2. 普通元素才会发生margin重叠，如果是float元素，就不会发生。margin是两者相加之和。 例如：1普通元素 2，浮动元素 ...

margin重叠是指两个同级元素之间。margin穿透指的是，子元素margin超出父元素而未被父元素包含的现象。 出现margin重叠的原因: 同一个BFC里面两个块级元素会出现margin折叠。 解决方式：让两个块级元素不在一个BFC内。 默认情况，子元素设置 ...

margin 重叠问题 Margin Collapse 块的上外边距(margin-top)和下外边距(margin-bottom)有时合并(重叠)为单个边距，其大小为单个边距的最大值(或如果它们相等，则仅为其中一个)，这种行为称为边距重叠。 MDN-外边距重叠 重叠 ...

前段时间朋友做项目遇到一个问题，说是父子div，想让子div下移50px，我随口就说“直接margin-top就可以了”，结果，你们没猜错，打脸了，好痛！ 这是我自己试了一遍的代码： 以及样式： 结果出来就变成这样了 这是什么鬼？我设置的只是子div ...

边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从 ...