css - 居中模态，或定位时的div

Question

查看此 Fiddle , 如何让没有固定宽度和高度的蓝色 div 在父子中居中？

这是在 SO 中发布

<div class="parent">
<div class="child">
</div>
</div>

更新

这些是定位元素，我希望 child 位于屏幕的中心。

更新2

居中查看here ，但我不能在 parent 和 child 中使用固定宽度或高度。我需要定位元素，因为我需要它们位于其他元素之上。

Answer 1

要使 div 居中，您只需添加此属性:

margin-left: auto;
margin-right: auto;

或更简洁的版本(假设顶部和底部边距为 0px):

margin: 0px auto;

这假设您在要居中的元素上有某种宽度值，无论是固定的还是百分比。您不需要父级中的任何内容来决定子级的边距。