My Book

盒模型

盒模型有两种:ie盒模型和标准w3c盒模型

ie的content包含了padding和border。。

盒模型有content、padding、border、margin

盒子模型

c3中增加了一个属性:box-sizing:content-box/padding-box/border-box

margin叠加

外边距叠加只在普通文档流中块框的垂直外边距才会发生外边距叠加

行内框、浮动框或者绝对定位框之间的外边距不会叠加

叠加的三种情况

    1、元素自身叠加,当元素没有内容、内边距、边框时,即会叠加

        (如果有任何一项,都会取消叠加)

    2、相邻元素叠加

    3、包含(父子)元素叠加,包含元素的外边距隔着父元素的内边距和边框,当
    这两项都不存在的时候,父子元素垂直外边距相邻,产生叠加,添加任何一项会
    取消叠加