定心一個div的，但正常的CSS不起作用

Question

我想中心一個div，但一般的方法是

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

到底有什麼不對勁低於

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

下面的事業部是不是嵌套而是獨立的。 #crp正在走向極端。

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

感謝 讓

Answer 1

這是因爲它的位置是絕對的，它不會根據利潤率工作了，它期待你來固定其位置。

就像你用top屬性設置它的垂直位置一樣，你也必須設置它的水平位置。

Answer 2

若要使用margin:0 auto;您需要必須指定width的元素。

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

也刪除任何絕對定位，因爲它打破標準元素流。