一、兄弟元素的外边距合并 效果图如下：（二者之间的间距为100px，不是150px） 二、嵌套元素的外边距合并 对于两个嵌套关系的元素，如果父元素中没有内容或者内容在子元素的后面并且没有上内边距及边框，则父元素的上边距会与子元素的上外边距发生合并，且值为最大的那个上外边距，同时该值作为父元素的上外边距。即使父元素的上外边距为0，也会发生合并。(只有垂直方向才会发生塌陷） 解决方法： 　　1. 为父元素定义1像素的上边框。 　　2. 为父元素定义1像素的上内边距。 　　3. 为父元素添加ove

请看下面的图，就对边距的理解很清晰了。 我习惯把 图中所示的margin边界称为外边距，padding填充部分称之为内边距。设置外边距最好的一个方法就是设置margin值，同理，设置内边距的最好 办法就是设置padding了。设置内边距没什么好说的，设置的值是多少就是多少，不会出现什么异常，即浏览器的兼容性方面，但外边距就不一样了。 设置外边距，首先想到的是应该是双边距的问题。如果设这边距的这个元素同时设置了浮 动，那么浮动的这个方向如果有margin值的话，那么在ie6里面的实际距离是设置值

第一种：两个块级元素的上下边距折叠 第二种：父元素和子元素（或者最后一个元素）的外边距 第三种：空的块级元素的上下外边距 折叠的根本原因： margin之间直接接触，没有阻隔 折叠后外边距的计算： 1.如果两个外边距都是正值，折叠后的外边距取较大的一个 2.如果两个外边距一正一负，折叠后的边距为边距之和 3.如果两个外边距都为负数，折叠后边距为较小的边距 解决方案：解决方法实际上也就是阻止外边距直接接触 第一种、第三种：只有静态流的元素才会发生外边距合并故设置float position inl