Как оцентровать блок, если его родитель релативен?

Question

[del993788]

Здравствуйте. Посмотрите: https://jsfiddle.net/gdaxggdn/1/ . Как вывести блок window по центру экрана(!), когда его родитель имеет релативное позиционирование?

Answer 1

[Александр]

Не очень понятна суть, поэтому можно вот это добавить к .window:

left: 100%
transform: translateX(calc(-50% - 50vw))

Для более изящного решения нужно знать конкретику реальной задачи.

Answer 2

[Дмитрий Гормаш]

Согласен с Александр, нужно знать для чего конкретно вам надо. А вообще, может это подойдет:

.window {
    position: fixed;
    width: 150px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -75px;
    background: lavenderblush;
}

Answer 3

[Андрей Воскресенский]

left: 50%;
top: 50%;
margin-left: -половина ширины px;
margin-top: -половина высоты px;