relative时,如果top和bottom都是auto,则它们的计算值是0:

top和bottom都是auto

如果right和left都是auto,则它们的计算值是0:

right和left都是auto

如果top和bottom其中一个为auto,则auto相当于另一个的负值:

top为auto,bottom为20px

top为-20px,bottom为auto

如果right和left其中一个为auto,则auto相当于另一个的负值:

right为auto,left为20px

right为-20px,left为auto

如果top和bottom的值都不为auto,则忽略bottom:

top为20px,bottom为20px

如果right和left的值都不为auto,则忽略right:

right为20px,left为20px

CSS探索之旅