CSS position, z-index

时间:2022-08-28 17:56:59

position

1、fixed:定位。浮动。(需要搭配left, right)

2、absolute:相对于最近的父元素,不考虑周围的布局。(可使用z-index占据位置,则同一位置层叠)

3、relative:对象不可层叠,相对于自己。(relative加上top,例如top: -50px,意思是上移50px.)*文档流没变,absolute相反。

z-index

1、当定义position: absolute, relative, fixed, 用z-index生效

2、当数值越大,被层叠在最上面。