Задать вопрос
@AndrewRusinas

Как сделать так, чтобы один блок выступал за пределы другого в нужном направлении?

Кодручка

На примере видно, что внутренний блок выступает за пределы родительского. Это поведение мне и нужно, но только так, чтобы выступал он сверху, а не снизу.

Задача простая, но всё усложняется тем фактом, что нельзя использовать translateY или position: relative из-за некоторых особенностей вёрстки.

Отрицательный margin-top работает корректно, но возникает вопрос, как правильно рассчитать его значение.

Не суть вопроса, но если интересно про особенности:
У меня во vue есть модалка, к которой применена анимация изменения состояния (тег transition). Элементы, которые имеют position: relative или transform по-идиотски мерцают в момент анимации.
  • Вопрос задан
  • 125 просмотров
Подписаться 1 Средний 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@Timoffeus
Transform: translate(0, 0)?
Можно ещё position: absolute
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽