[分享]css中对元素定位的属性有

CSS中有很多属性可以用来对HTML元素进行定位，下面列举主要的几个：

position: static|relative|absolute|fixed|sticky;

top: auto|length|%;

bottom: auto|length|%;

left: auto|length|%;

right: auto|length|%; 

z-index: auto|number; 

position属性：

该属性用来设置元素的定位方式。static是默认值，表示元素处于文档流中。relative表示元素相对于自身位置进行定位。absolute表示元素相对于最近的非static祖先元素进行定位，如果找不到则相对于body。fixed表示元素相对于浏览器窗口进行定位，不随滚动而变化。sticky表示元素在进入视口前为relative，进入视口后变为fixed，离开视口变为relative。

top, bottom, left, right属性：

该属性用来设置元素相对于父元素或浏览器窗口的顶部、底部、左侧、右侧位置。可以使用auto、length、%等单位表示，可以同时指定多个位置，如left:50%;right:50%。

z-index属性：

该属性用来设置元素的堆叠顺序，决定哪个元素在前、哪个在后。数值大的元素会覆盖在数值小的元素之上。