[分享]css元素的定位属性是哪两部分

发布于 2024-11-11 15:45:37

CSS元素的定位属性可以分成两部分——位置属性和偏移属性。位置属性指的是元素相对于其父元素的定位方式。常用的位置属性有：: static; / 默认值，元素遵循文档流，不进行任何定位 / : rela...

CSS元素的定位属性可以分成两部分——位置属性和偏移属性。

位置属性指的是元素相对于其父元素的定位方式。常用的位置属性有：

position: static;     /* 默认值，元素遵循文档流，不进行任何定位 */
position: relative;   /* 基于元素自身原本的位置进行定位 */
position: absolute;   /* 相对于祖先元素进行定位，若祖先元素没有定位，则相对于<body>进行定位 */
position: fixed;      /* 相对于浏览器窗口进行定位，即不随页面滚动而移动 */
position: sticky;     /* 元素在滚动到一定位置时变为固定定位，直到回到该位置前一直固定定位 */

偏移属性指的是元素相对于其位置属性的具体偏移量。常用的偏移属性有：

top: 10px;      /* 元素上方偏移10px */
bottom: 10%;    /* 元素下方偏移父元素高度的10% */
left: 5vw;      /* 元素左侧偏移浏览器窗口宽度的5% */
right: -20px;   /* 元素右侧偏移20px */

通过位置属性和偏移属性的组合，我们可以将元素精准地定位到所需位置，实现复杂的布局效果。

css 教程

一个月内的热帖推荐

91云脑

Lv.1普通用户

62849 帖子	14 小组	291 积分

62849

帖子

小组

291

积分

关注作者

发帖	回复	分享

赞助商广告

本组热帖