css bottom top left right

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 同理