绝对定位布局
1. static：静态布局，无特殊定位，处于元素没有设定定位的默认状态，
如：
2. relative：相对定位，顾名思义相对定位是相对于默认位置的定位，且在设置偏移量之后，
会产生z-index（空间偏移量），自身也会脱离文本流，值得注意的是在设置的相对定位之后，虽然自身脱离了文档流，但在文档流中还保留着其原始位置且不会被其他元素占用。如：
3. absolute：绝对定位，绝对定位和相对定位的区别有三：
一、 绝对定位的父级元素或祖级元素没有设置相对定位或绝对定位时，其偏移会相对于
<html>标签为参考进行偏移。如:
若绝对定位的祖先元素设置有定位，其偏移会相对于设置有定位的祖先元素作为参考进行偏移，且遵循就近原则。如：
二、 绝对定位和相对定位一样在偏移中会偏移文档流，但绝对定位偏移了文档流后，其在文档流的原始位置会被清空，也就是说其他的元素可以占用其在文档流中的原始位置。如：
三、在设置了绝对定位之后且绝对定位元素没设置宽度，元素的宽度会随着内容大小改变而改变。如：
4. Fix：固定定位，将元素固定在视窗中的某一位置
如：在前一周任务中做到
当给背景设置了fixed后，我们看到如下效果：
我们发现无论我们怎么滚动滑轮，视框中的图片不会有变动（也就是设置了fixed属性图片，在滑轮滑动时，图片不会相对于视框不会改变）
扫一扫
789
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
