06、css定位与浮动

1、定位

static:默认值 静态定位 元素处于普通文档流（画板）。

relative:相对定位  元素框相对于其正常为位置（未定位前设定的位置）定位，但其仍然处于普通文档流中（画板） 其所占空间依然存在。

absolute：绝对定位元素框从文档流删除，漂浮起来了，而原来所占据的空间删除了，并相对于除了static定位以外的第一个父元素定位（从里往外找，先找到其父亲，如果其父亲是static定位，就再其父亲的父亲，如果其父亲的父亲依然是static定位，继续找，直到不是static定位为止，如果一直找到body后都没有找到就相对于body定位）（临近原则）。

备注：相对定位和绝对定位通常是配合使用的。（由于相对定位仍然处于普通文档流中（画板） 其所占空间依然存在，所以使用相对定位不会导致后面的位置错乱，而绝对定位和固定定位都是元素框从文档流删除，漂浮起来，而原来所占据的空间删除了）。

fixed:固定定位元素框从文档流删除，漂浮起来了，原来所占据的空间删除了，但是其永远相对于浏览器窗口定位，和其父元素没有一点儿关系。

z-index:层级 absolute 与fixed才有的属性 谁层级越高就优先显示谁

clip:rect(上右下左) 裁剪absolute绝对定位元素框，（）内的值代表裁减量

2、浮动
浮动的元素框不在普通文档流中，漂浮起来了 原来所占据的空间位置也被删除了
float:left/right（相对于父级元素进行浮动）