position :relative
bottom top left right 则是该元素的相对原先位置的偏移
例:
bottom:10px;是相对原先的位置向上偏移10px;bottom:-10px;是相对原先的位置向下偏移10px;
top:10px; 是相对原来的位置偏移向下偏移10px;
left:10px; 是相对原先的位置向左偏移10px;
right:20px;是相对原先的位置向右偏移10px;
position :absolute
bottom top left right 则是该元素相对父亲元素的偏移
例:
bottom:10px;是该元素的下边界相对父亲元素的下边界向上偏移10px:(要想实现该效果父亲元素必须实现postion为relative或absolute,否则该元素则会相对body偏移)
top:10px;是该元素的上边界相对父亲元素的上边界向下偏移10px;(要想实现该效果父亲元素必须实现postion为relative或absolute,否则该元素则会相对body偏移)
left right 同理