css中对元素定位的属性有

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中有很多属性可以用来对HTML元素进行定位,下面列举主要的几个:position: static|relative|absolute|fixed|sticky; top: auto|length

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属性:

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

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中对元素定位的属性有

粉丝

0

关注

0

收藏

0

已有0次打赏