标签：blog   art   relative   log   csdn   出现   有用   absolute   lock   

参考： https://blog.csdn.net/hope_It/article/details/71272673

static

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

inherit

规定应该从父元素继承 position 属性的值。（ z-index 声明有用）
这个大家都应该理解，不多说

fixed

生成绝对定位的元素，相对于浏览器窗口进行定位。（ z-index 声明有用）
元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
例如：常见的back-to-top

大boss（absolute）

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
（ 如果没有除static以外的定位，则相对body定位）
元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。（ z-index 声明有用）

如果绝对定位元素没有申明置入值(left\right\top\bottom)，只申明了position:absolute，

那么其自身定位以及margin的参照物即为其最近的块级、单元格（table cell）或者行内块（inline-block）祖先元素的 内容框。

relative

生成相对定位的元素，相对于常规流（normal flow）进行定位。
（ z-index 声明有用）

css position属性

标签：blog   art   relative   log   csdn   出现   有用   absolute   lock   

原文地址：https://www.cnblogs.com/yelao/p/11590671.html