对css定位的理解

定位：
绝对定位（Absolute）：1、相对于已经定位的父元素定位，2、元素被绝对定位后浮到文档流表面，不再占位，其位置可被其他文档占领。
相对定位（Relative）：1、相对于元素本身在文档流中正常位置浮动到文档流表面，2、元素的正常位置依然存在，不会被其他文档占领。
fixed：元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动。

在没有设置边框的情况下，即两个盒子的margin直接接触，那么margin会重叠共用。如子级盒子的margin将body和本身一起往下撑。

浮动：1、只在父级框中浮动，并且会释放本身在文档流中的位置。

2、回按照指定的方向向上，直到碰到父级的边界或者碰到另一个浮动框才会停止。