css定位

定位  position   它的值为：

absolute  生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative 生成相对定位的元素，相对于其正常位置进行定位。

static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

inherit 规定应该从父元素继承 position 属性的值。

JavaScript 语法：object.style.position="absolute"

下面看几个例子

position:relative;
left:20px

position:absolute;
left:100px;
top:150px

position:fixed;
left:5px;
top:5px;

//裁剪

position:absolute;
clip:rect(0px 50px 200px 0px)

position:absolute;
left:0px;
top:0px;
z-index:-1