My Book

定位的原点

static:默认值,无定位,元素出现在正常流中

fixed:固定定位,以浏览器为原点定位

relative:相对定位,以自己为原点定位

元素会在自身文档流所在位置上移动,其他的元素不会调整位置来弥补它偏移后剩下的空隙

absolute:绝对定位,以static定位意外的最近的父盒子为原点定位

元素脱离文档流,其他的元素会调整位置来弥补它偏离后剩下的空隙

关系:position和display,margin collapse、overflow、float叠加后

若display为none的时候,position和float不起作用

若display不为none的时候:

    position的值为absolute和fixed绝对定位的时候,浮动失效,行内元素转为块元素

    若没有定位的时候,float会将行内元素转为块元素

外边距合并


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

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