css学习的第八天-定位

1.相对定位
   代码：position:relative
   定义：相对于原来的位置，进行指定方向的偏移，但仍然在标准文档流中，原来的位置会被保留
   常用参数：top:1px（上）;left:1px（左）;bottom:1px（下）;right:1px;（右）
2.绝对定位
   代码：position:absolute;
   定义：相对于父级或浏览器的位置，进行指定偏移，不在标准文档流中，原位置不会被保留
   2.1 没有父级元素的前提下，相对于浏览器定位
   2.2 假设父级元素存在定位，我们通常会相对于父级元素进行偏移
   （即给父级元素设置相对定位positon:relative;但不指定偏移距离，此时绝对定位会相对于父级元素进行偏移（父级元素因为设置了相对定位，原来的位置被保留了），不再相对于浏览器偏移）
   2.3 给父级元素设置了相对定位后，此时绝对定位就是相对于父级元素进行偏移
3.固定定位
   代码：position:fixed;
   自始至终固定在一个位置不再变化