1、但是子盒子设置margin-top后，会作用于父盒子，如图1 造成这个现象的原因是：当一个元素包含在另一个元素中时（假设没有填充或边框将边界分隔开），它们的顶和/或底边界会发生叠加。
2、在这个说明中，“collapsing margins”（折叠margin）的意思是：2个或以上盒模型之间（关系可以是相邻或嵌套）相邻的margin属性（这之间不能有非空内容、padding区域、border边框或使用清除分离方法）结合表示为一个单独的margin。
3、当一个元素拥有的margin折叠了，并且它使用了清除操作，那么它的margin-top会和紧随其后的兄弟元素的相邻margin折叠，但结果是它的margin将无法和其块级父元素的margin-bottom折叠。
4、margin的基本特性 margin属性包括margin-top，margin-right，margin-bottom，margin-left，margin，可以用来设置box的margin area。属性margin可以用来同时设置box的四边外边距，而其他的margin属性只能设置其自各的外边距。
5、元素的背景会延伸穿过内边距。不允许指定负边距值。当元素的 Padding（填充）（内边距）被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。
1、margin后面可跟多个值，中间用空格分离，含义如下：（1）首先我们放置三个盒子，颜色不同，宽高均为100px。
2、Padding属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。
3、margin-top是CSS中的一个属性，用于设置元素的上边距，所有主流浏览器都支持margin-top属性。
4、css margin-top用于在网页中设置元素的上外边距，比如：margin-top： 50px；允许使用负值，所有主流浏览器都支持 margin-top 属性。css margin-top属性怎么用？margin-top属性设置元素的上外边距。
5、margin-top： 5px；上边距为5像素的意思。_margin： 3px则是专门针对IE6浏览器写的兼容处理、四个外方向的外边距均为3像素。
1、一个应用了清除操作的元素的margin-top绝不会和它的块级父元素的margin-bottom折叠。
2、在这个说明中，“collapsing margins”（折叠margin）的意思是：2个或以上盒模型之间（关系可以是相邻或嵌套）相邻的margin属性（这之间不能有非空内容、padding区域、border边框或使用清除分离方法）结合表示为一个单独的margin。
3、但是子盒子设置margin-top后，会作用于父盒子，如图1 造成这个现象的原因是：当一个元素包含在另一个元素中时（假设没有填充或边框将边界分隔开），它们的顶和/或底边界会发生叠加。
4、不符合和模型的里的定义，虽然div的display默认是block。你可以设置一下宽度，这样父级元素就不会跑了。 子的margin效果 直接作用到了父身上但我直接把子级浮动了竟然好了， ，搞不懂了。
5、最常见的margin折叠是元素并列时，每个p都有上下1em的margin，但相临的p只会显示1em的间隔而不是2em。本例中两个p是父子关系，并且没有padding-top和border-top，即父元素和子元素上边重合。
不符合和模型的里的定义，虽然div的display默认是block。你可以设置一下宽度，这样父级元素就不会跑了。 子的margin效果 直接作用到了父身上但我直接把子级浮动了竟然好了， ，搞不懂了。
css外边距自动合并 导致的一个bug，你的解决方法是对的，或者加内边距也可，阻止外边距自动合并发生就行了，你可以自己百度下相关知识。
你个应该得计算一下，你就别用height：100%了。比如说，你的父级元素是100px，那就写height：90%就好了。
仍然可作定位使用。现在的规范中，将对margin定义更明确化(外边距：与当前盒模型以外的最近一个盒模型的间距)，如果直接的父级盒模型在当前方向上没有border，就认为父级的范围也属于子标签的边框的一部分。
垂直外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距，而且只在标准浏览器下 (FirfFox、Chrome、Opera、Sarfi)产生问题，IE下反而表现良好。