relative定位无法上下左右居中？

html结构

<div class="box">
</div>

css

.box{
position:relative;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
width:100px;
height:100px;
border:1px solid red;
}

当position是absolute或者fixed时，box可以上下左右居中，为何position是relative时，无法上下左右居中(可以左右，无法上下）？我测试过了，relative定位的时候，left,right,top,bottom也都可以作用的。