Центрирование div с абсолютным позиционированием

Question

Я знаю, что это, вероятно, было задано миллион раз, но как я могу центрировать div, который имеет абсолютное позиционирование.

Я пробовал это, и он не центрирует его.

Вы можете посмотреть на сайте here пароль: springy88

#logo{ position:absolute; width:243px; left: 50%; margin-left: 121.5px; } 

Answer 1

Вы должны использовать negative margins - margin-left:-121px. Это закрепит логотип. После этого вам нужно будет правильно расположить свой навигатор ...

Answer 2

Вы можете установить значение% половину 50%, то есть: слева: 25% или справа: 25%; Предоставление обертки в два раза превышает ширину элемента.

Test Here..

Answer 3

Центрирование DIV очень легко из вы знаете ширину и высоту Div. Предполагая, что ваш DIV имеет 100width и 100 Высота

div { 
    position:absolute; 
    left:50%; 
    top;50%; 
    margin-left:-50px; 
    margin-top:-50px; 
} 

, если вы не уверены в габаритах, то, возможно, вы можете пойти для метода Jquery.