值 | 描述 |
absolute 绝对定位 | 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 元素会从文档流中删除。元素原先在文档流中所占空间会自动关闭,该元素后面的元素会占用他的位置。 |
fixed 固定定位 | 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 元素的表现类似于absolute,不过fixed是相对于浏览器窗口的 |
relative 相对定位 | 生成相对定位的元素,相对于其正常位置进行定位。 因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 元素仍保持其未定位前的形状,它原本所占的空间仍保留。(该元素后面的元素不会移动) |
static | 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 |
inherit 继承定位 | 规定应该从父元素继承 position 属性的值。 |
- inherit继承父元素的position属性值得值,如果父元素的position=absolute,那么他的position也等于absolute,当他设置left和top等属性时以absolute的方式执行的。
- javascript语法:object.style.position="absolute"。例如:
document.getElementById("b1").style.position="absolute";