CSS定位属性

Css的定位属性：
Css的定位可以分为相对定位（relative）、绝对定位（absolute）、固定定位（fixed）、粘性定位（sticky），这些定位通过position属性来进行实现。并且还有一个可以取消他们定位的属性，也就是他们的默认属性：static。这个属性没有定位，所以可以用来取消已经设置了的定位。
Relative相对定位：
相对定位是对于元素本身进行的定位（也就是说他的参照物是元素本身），并且元素原本的位置也会空出。而且相对定位不会使元素脱离文档流。
Absolute绝对定位：
绝对定位是相对于祖先级元素进行定位的（绝对定位的参照物是包含块，也就是他的祖先级元素），元素本身的位置不会空出，会被其他元素所占据。会使元素脱离文档流。而且他会使块状元素根据内容调整宽度，也会是内联元素可以添加宽和高。
在默认情况下，绝对定位是对于整个窗口来进行定位的，也就是说在没有参照物（包含块）的情况下，他是对于他的祖先级元素进行定位的（浏览器的可视窗口）。包含块：该元素的祖先级元素，如果要将元素定义成包含块，则需要在设置成包含块的元素里添加position:fixed/relative/absolute.如果有多个元素都设置成了包含块，则根据最近的设置成包含块的元素进行定位。
Fixed固定定位：
是对于整个浏览器进行定位的。他也会使元素脱离文档流，并且在某些地方和绝对定位是一样的，都会使块状元素根据内容调整宽度，也会是内联元素可以添加宽和高。
Sticky粘性定位：
粘性定位是根据他实现设置好的位置来进行定位，在他没有到达提前设治好的位置时，他会跟着滚动条一起滚动，当他到达他提前设治好的位置时，他便会在设置好的位置固定不动。
这些定位属性是通过top/bottom/left/right属性来进行确定他们的位置，并且他们是配合着定位属性一起使用的，不能单独使用。这四个属性的属性值根据需要来进行书写。
这四个属性可一通过z-index属性来决定他们谁显示在上层。z-index属性有两种属性值：Auto也就是默认值Number这个属性值是一个整数型的数值，数值越大，他的显示位置就越靠上。
注：他的数值必须是整数数值，填写其他类型的数值浏览器将不会识别，将按照默认的属性值auto来显示。
逆战班