Установка высоты абсолютно позиционированного элемента div по высоте его содержимого

0

Хорошо, мне кажется, что этот вопрос, вероятно, был задан раньше, но после часа поиска google я просто не могу найти решение этого.

У меня такой стиль:

position: absolute;
height: 100px;

И когда содержимое этого div изменяется, я хочу установить высоту этого div на высоту содержимого этого div. Я использую jQuery.

Как это может быть сделано?

Теги:

2 ответа

1
Лучший ответ

Вы можете использовать:

min-height: 100px;

ссылка: https://developer.mozilla.org/en-US/docs/Web/CSS/min-height

Если по какой-либо причине вы не можете использовать это или хотите сделать что-то еще, вы можете получить высоту содержимого элемента, независимо от высоты фактического элемента, используя свойство scrollHeight элемента HTML:

https://developer.mozilla.org/en-US/docs/Web/API/element.scrollHeight

В jQuery:

$(...).prop('scrollHeight')
Поделиться
  • 0
    scrollHeight !! конечно - совершенно забыл об этом ... дух мне ...
2

Попробуйте следующее:

min-height: 100px;

вместо:

height: 100px;
Поделиться
  • 0
    Или вы можете не указывать min-height и height . Я нигде не вижу, чтобы ОП попросил минимальную высоту
  • 0
    Из его поста я понял, что он хотел, чтобы DIV изначально был установлен на высоте 100 пикселей, а когда содержимое изменилось, измените его высоту, чтобы вместить содержимое. С минимальной высотой он сможет это сделать. Тем не менее, я не думаю, что это будет работать в тех случаях, когда высота контента составляет менее 100 пикселей. В таких случаях DIV будет оставаться на минимальной высоте 100 пикселей.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню