@MyQuestion
Начинающий Frontend

Как сделать плавное появление блока, и смещение контента ниже, без задания фиксированной высоты?

Добрый день!

В css, для transition, есть такой приём:
.nav {
    height: 0;
    opacity: 0;
    transition: height .4s, opacity .3s;
  }

  .nav.active {
    height: 500px;
    opacity: 1;
  }

При наступление события, плавно выезжает блок, и всё что ниже, так же плавно съезжает вниз.

Круто, классно, только я не хочу ограничивать контейнер по высоте, тем более меню.
Как добиться такого же эффекта, не ограничивая высоту контейнера?
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
В идеале следует джаваскриптом высчитывать высоту блока и ставить ее.

Чисто css решение тоже есть, но оно неидеально. Тут вместо height используется max-height с заведомо большим значением, но не слишком превышающим предполагаемую высоту.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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