CSSposition属性

CSS定位

position

有：static、relative、absolute、fixed、inherit四种值

• static:元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
• relative:元素框相对自己在文档流中的位置偏移某个距离，原本所占的空间仍保留
• absolute:元素框从文档流完全删除，并相对于值不为static的第一个父元素进行定位。
• fixed:生成绝对定位的元素，相对于浏览器窗口进行定位。
• inherit:从父元素继承position属性的值。

float

相对父元素（不论是否定位过）和前一个浮动框浮动，脱离文档流。浮动的框只能向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止

z-index

Z-index属性只能用于position=relative/absolute/fixed这些已经在二维空间定位过的元素。
static定位的元素，其Z-index恒等于0