图像背景位置为50％居中背景图像但定位元素不居中

Question

图像背景位置为50％左侧居中的背景图像，但50％留在绝对定位元素中不会使div元素居中为什么？

以下是代码：

 <div style="position:relative;height:100px; background:url(images/demo.jpg) no-repeat 50% 0">
      <div style="min-height:40px; width:140px; background-color:#aaa;position:absolute;top:0;left:50%;">
            heloo this is just a demo
      </div>
  </div>

运行此代码！

Answer 1

将img设为块元素并将其浮动到左侧。

您可以将display：table用于父div并显示：table-cell＆amp; vertical-align：img的中间，这可能有助于使它对齐中心。

display: table-cell;
vertical-align: middle;

Answer 2

没有代码，很难理解你的问题，但是......

绝对定位元素会使相对于其父元素定位。确保父元素应用了正确的布局（宽度，高度，position: relative等），你应该看到差异。