定位

187 阅读1分钟

1.static

position 是定位属性,属性值包括:static(不定位,默认值)

2.relative

relative(相对定位),是相对于自己重新定位,通过top,bottom,left,right属性控制定位的偏移量

3.absolute

absolute(绝对定位)。绝对定位是根据离它最近的父级定位元素进行定位

如果它的父级中,没有定位元素,就根据浏览器的视口来定位

注意:绝对定位元素,会脱离标准文档流,所以,它下面的元素会去抢占它原来的位置

通常情况下:一个父容器里的子元素,如果要进行调整位置

父容器先设置为相对定位,并且不设置偏移量,子元素再设置为绝对定位,

这样,子元素就可以在该父元素中精细调整了

4.fixed

fixed(固定定位)。就是根据浏览器的视口进行定位

并且定位后的位置,不会随着浏览器滚动条的滚动而消失

5.z-index

元素定位后,默认情况下,后面的元素会盖住签名的元素

通过z-index属性,可以修改定位元素的层叠顺序,值越小越靠下,值越大越靠上,可以设置负数,默认值0