Центрирование 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>

Спасибо Jean

Answer 1

Это потому, что его позиция абсолютна, он больше не работает по полям, он ожидает, что вы исправите его позицию.

Точно так же, как вы устанавливаете его вертикальное положение с помощью свойства top, вы также должны устанавливать его горизонтальное положение.

Answer 2

Чтобы центрировать div с помощью margin:0 auto;, вы должны указать width элемента.

Вы также можете использовать text-align:center; в родительском контейнере.

Также удалите любое абсолютное позиционирование, поскольку оно нарушает стандартный поток элементов.