本文深入探讨CSS定位，包括定位模式的使用，如静态、相对、绝对和固定定位，以及边偏移的概念。重点讨论了为何在某些场景下采用'子绝父相'布局，以及如何利用定位解决浮动布局问题，同时提供了用定位实现轮播图布局的示例。
- 为什么要用定位
- 定位的4种分类以及各自特点
- 为什么常用 子绝父相 布局
- 用定位实现轮播图布局
1. 为什么要用定位
因为标准流或浮动都无法快速实现，此时需要定位来实现
例如：
- 某个元素可以自由在一个盒子内移动位置，并且压住其他盒子
- 当我们滚动窗口的时候，盒子是固定在屏幕某个位置的
定位是什么意思？
定位：讲盒子定在某一个位置，即摆放盒子，按照定位的方式移动盒子。
**
定位 = 定位模式 + 边偏移
**
定位模式用于指定一个元素在文档中的定位方式
边偏移决定该元素的最终位置
定位模式：通过 CSS 的 position 属性来设置
|值|语义|
|static|静态定位|
|relative|相对定位|
|absolute|绝对定位|
|fixed|固定定位|
边偏移：有 top、bottom、left、right 4个属性
2. 定位的4种分类以及各自特点
1. 静态定位 ststic
2. 相对定位 relative
特点：
- 相对定位是元素在移动位置的时候，是相对于它原来的位置来说的
- 原来在标准流的位置继续占有，后面的盒子扔以标准流的方式存在（不脱标，保留原来的盒子）
例子：
before：
<!DOCTYPE html>
<html lang="en">
<head
最低0.47元/天 解锁文章
321
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
