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

猜你喜欢

转载自15757126299.iteye.com/blog/2267872