本文详细介绍了CSS定位中的position属性，包括static、relative、absolute、fixed和sticky五种定位模型。relative定位使元素成为可定位的祖先元素，允许使用top等属性进行相对偏移；absolute实现元素脱离常规流，根据最近定位祖先元素进行定位；fixed定位相对于浏览器窗口，不随滚动条移动；sticky则是relative和fixed的结合，根据滚动产生吸附效果。
一、简介
1、Positioned Layout Module
提供与元素定位和层叠相关功能它是核心模块
.box{
position:relative;
}- 盒子模型的类型和尺寸
- 布局模型
- 元素之间的关系
- 视口大小、图像大小等其他相关方面
2、document tree
3、定位模型
- static自然模型
- relative相对定位模型
- absolute绝对定位模型
- fixed固定定位模型
- sticky磁贴定位模型
二、position属性
1、static:静态定位/常规定位/自然定位
作用：使元素定位于常规/自然流中(块、行垂直排列下去、行内水平从左到右)
特点&#x
最低0.47元/天 解锁文章
535
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
