Как выровнять абсолютно позиционнированный DIV по центру относительно своего родителя если он вылезает за его пределы?

Question

[khipster]

rigth: 0;
left: 0;

Не помогает.

https://jsfiddle.net/ukdmz20y/

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/DelphinPRO/ukdmz20y/5/

Comments

[khipster]

Похоже на эльфийский.

[khipster]

left: 50%;
transform: translate(-50%);

Answer 2

[Алексей Уколов]

https://jsfiddle.net/ukdmz20y/1/

Comments

[khipster]

https://jsfiddle.net/ukdmz20y/2/

Answer 3

[Vlad Tytcky]

left:-25px;
right:none;

Comments

[khipster]

https://jsfiddle.net/ukdmz20y/4/

[Vlad Tytcky]

khipster: Ну подумайте, это же простейшая формула: для того, чтобы выровнять блок именно так как вы хотите, надо из width absolute-block вычесть width relative-block поделить на 2 и вписать left:-(полученное значение). То есть вот формула:(Width-A-block-Width-relative-block)/2=X; left:-X; Если абсолютный блок меньше родительского и вам нужно его спозиционировать по центру можно сделать так. left:0; right:0; margin:0 auto;