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

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

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

css的盒子模型里是这样规定两个对象之间的距离的：对象之间的间距是由两个对象的盒子模型的最终计算值得出来的，也就是说两个对象之间的间距就是两个对象的距离，但是当遇到两个对象一个有下外边距margin，一个有下外边距margin，这个问题变得有点复杂。我们来看看 ...

盒子的margin属性 盒子的外边距margin 指的是当前盒子与其他盒子之间的距离，环绕在盒子周围的空白区域，属于不可见的区域，，不会影响到可见框的大小，而是会影响到盒子的位置。 margin属性可以用来指定盒子外边框的大小，有两种方法设置外边 ...

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

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

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