position(定位)可以让元素自由地摆放在网页的任意位置,一般用于盒子的层叠情况。
1、static静态定位。是position属性的默认值,即没有定位,遵循标准文档流布局。
2、relative相对定位。设置相对定位的盒子会相对它原来的位置,通过指定偏移,到达新的位置。设置了相对定位的网页元素,无论是在标准流中还是在浮动流中,都不会对它的父级元素和相邻元素有任何影响,它只针对自身原来的位置进行偏移。
3、absolute绝对定位。使用了绝对定位的元素会以最近的一个“已经定位”的“祖先元素”为基准进行偏移,如果没有已经定位的祖先元素,那么会以浏览器窗口为基准进行偏移。绝对定位的元素会从标准文档流中脱离,这意味着它们对其他元素的定位不会造成影响。
4、fixed固定定位。元素的位置相对于浏览器窗口是固定位置,即使窗口是滚动的它也不会移动。fixed定位会使元素脱离标准文档流,不占据空间。
z-index属性可以改变元素的堆叠顺序,属性值越大堆叠顺序越高,具有更高堆叠顺序的元素总是在较低的堆叠顺序元素的前面。