前端学习（15）相对定位、绝对定位、固定定位、z-index

• 相对定位：

position:relative;
top:100px;
left:100px;
right:100px;
botton-100px;

相对于原来的位置，进行指定的偏移，相对定位的话，它仍然在标准文档流中，原来的位置会被保留。

• 绝对定位：
  基于xxx定位，上下左右~

1. 没有父级元素定位的前提下，相对于浏览器定位
2. 假设父级元素存在定位，我们通常会相对于父级元素进行偏移
3. 在父级元素范围内移动

相对于父级或浏览器的位置，进行指定的偏移，绝对定位的话，它不在标准文档流中，原来的位置不会被保留。

• 固定定位

position:fixed;

• z-index

可以设置图层
透明度设置：opacity