定位时居中模态或div

Question

看到这个小提琴,如何在父母和孩子中没有固定宽度和高度的蓝色div居中？

这是在SO中发布的

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

更新

这些是定位元素,我希望孩子在屏幕的中心.

更新2

看到它在这里居中,但我不能在父母和儿童中使用固定的宽度和高度.我需要定位元素,因为我需要它们超过其他元素.

Answer 1

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

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

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

margin: 0px auto;

这假设您想要居中的元素具有某种宽度值,无论是固定还是百分比.你不应该在父母那里需要任何东西来决定孩子的边缘.