我无法将元素position: absolute内部的内部元素居中position: relative（https://jsfiddle.net/qL0c8cau/）：
html,body,div {margin:0;padding:0;}
.one {
position: relative;
margin: 50px auto;
width: 200px;
height: 100px;
background: #900;
}
.two {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
background: #0f0;
opacity: 0.3;
height: 160px;
width: 400px;
}<div class="one">
<div class="two"></div>
</div>我看不出它有什么问题。我将所有内容设置正确，但由于某种原因它没有水平对齐。
我在这里做错了什么？