div的居中，但普通的CSS不起作用

Question

我想以div为中心，但一般方法是

#selector{position:relative;margin:0px auto;}

下面究竟出现了什么问题

#crp{top:40%; position:absolute; margin:auto;}

下面的Div不是嵌套的，而是一个独立的。 #crp是最右边的。

<div id="crp">...something goes here....</div>

由于 让

Answer 1

这是因为它的位置是绝对的，它不再根据边距起作用，它期望你找到它的位置。

就像您使用top属性设置垂直位置一样，您也必须设置其水平位置。

Answer 2

要使用margin:0 auto;使div居中，必须指定元素的width。

您也可以在父容器上使用text-align:center;。

同时删除任何绝对定位，因为它会破坏标准元素流。