@del993788

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

Здравствуйте. Посмотрите: https://jsfiddle.net/gdaxggdn/1/ . Как вывести блок window по центру экрана(!), когда его родитель имеет релативное позиционирование?
  • Вопрос задан
  • 261 просмотр
Решения вопроса 1
verstka
@verstka
verstka.pro
Не очень понятна суть, поэтому можно вот это добавить к .window:
left: 100%
transform: translateX(calc(-50% - 50vw))

Для более изящного решения нужно знать конкретику реальной задачи.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Согласен с Александр, нужно знать для чего конкретно вам надо. А вообще, может это подойдет:
.window {
    position: fixed;
    width: 150px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -75px;
    background: lavenderblush;
}
Ответ написан
Комментировать
Voskresenskyi
@Voskresenskyi
Начинающий джанговод!
left: 50%;
top: 50%;
margin-left: -половина ширины px;
margin-top: -половина высоты px;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы