(精)第4章CSS盒子模型.pptVIP

图4.18 行内元素之间的margin 4.7.2 块级元素之间的竖直margin 如果不是行内元素，而是竖直排列的块级元素，margin的取值情况就会有所不同。 两个块级元素之间的距离不是margin-bottom与margin-top的总和，而是两者中的较大者，如图4.20所示。 这个现象称为margin的“塌陷”（或称为“合并”）现象，意思是说较小的margin塌陷（合并）到了较大的margin中。 图4.20 块元素之间的margin 4.7.3 嵌套盒子之间的margin 除了上面提到的行内元素间隔和块级元素间隔这两种关系外，还有一种位置关系，它的margin值对CSS排版也有重要的作用，这就是父子关系。 当一个div块包含在另一个div块中时，便形成了典型的父子关系。 其中子块的margin将以父块的内容为参考，如图4.22所示。 图4.22 父子块的margin 图4.23 父子块的margin 图4.24 IE与Firefox对待父height的不同处理 4.7.4 margin属性可以设置为负值 上面提及margin的时候，它的值都是正数。 其实margin的值也可以设置为负数，而且有