@Kristina8787

Как сделать что-бы высота блока была строго по контенту?

Здравствуйте. У меня стоит событие на input, при клике открывается div под ним,как выпадающее меню, я поставила этому блоку height:auto , при первом клике всё хорошо,дальше если кликаем то по условию блок закрывается,и вот если снова кликнуть и блок откроется,то высота становится максимальной, как сделать чтобы блок всегда был по высоте контента? на блоке стоит max-height:300px и overflow-y:auto
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
Попробуй с помощью js получить высоту скрытого блока
element.style.display = 'block';
const elementHeight = element.innerHeight;
element.style.display = 'none';

Затем записать в css переменную
element.setAttribute('style', `--height:${height};`):

А потом уже можно подставить высоту каждому блоку не боясь что будет больше чем нужно.
.element {
height: var(--height);
max-height: 300px;
}
Ответ написан
Ваш ответ на вопрос

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

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