这篇博客详细介绍了CSS中的五种定位方法：静态定位、相对定位、绝对定位、固定定位和粘性定位。每种定位方式都有其特点，如静态定位遵循正常文档流，相对定位在原有位置基础上偏移，绝对定位相对于最近的非静态定位祖先元素定位，固定定位则始终相对于浏览器窗口。粘性定位在滚动时具有特定行为。
原代码
效果图：
静态定位
-
static：静态定位 默认定位 不脱离文档流
效果图：
相对定位
-
relative：相对定位 不脱离文档流 相对于原来的位置
效果图
绝对定位
-
absolut：绝对定位 脱离文档流 相对于最近父级 如果没有就默认以浏览器为父级
效果图：
-
一般给父级设一个相对定位就会解决脱离文档流问题，也就是父相子绝
效果图：
固定定位
- fixed：固定定位 脱离文档流 相对于浏览器 （不会随着浏览器的滑动而移动位置）
效果图
粘性定位
-
sticky：粘性定位 不脱离文档流 必须添加top.right.bottom,left其中一个才有效
效果图
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
