javascript - 带边距的相对内的绝对位置

Question

是否可以将绝对位置 div 置于 margin 0 auto 的相对 dive 中？

HTML:

<div class="outer">
  <div class="inner"></div>
</div>

CSS:

.outer{
  background: red;
  margin: 0 auto;
  width:100px;
  height:100px;
}

.inner{
  position:absolute;
  width:20px;
  height:20px;
  background:blue;
  top:10px;
  left:10px;
}

我希望绝对定位可以在外部定位内正常工作，但我猜是边距。上面的代码可以在这里看到:http://jsfiddle.net/g4y4czff/

理想情况下，我想使用 css 来解决这个问题，但我认为更有可能是 js 解决方案。

非常感谢任何想法。

C

Answer 1

新 fiddle :http://jsfiddle.net/g4y4czff/1/

只需将 position: relative 添加到 .outer

原因是因为默认的position属性是static