对不定宽块级元素居中的，使用position:relative;left:50%并不能真的居中
.outer{
width:300px;
height:400px;
background:#FFCC99;
}
.wrap{
float:left;
position:relative;
left:50%;
}
.inner{
background:red;
position:relative;
left:-50%;
}<div class="outer"> <div class="wrap"> <div class="inner">position:relative left:40%</div> </div>
如题所示，感觉直接用position:relative;left:50%并不能真的居中。用如上写法似乎才可以。是我使用有误么？
