Как разрешить динамическому расширению div вместо содержимого вместо заданной высоты?

Question

Мне не нравится моя ручная настройка высоты DIV, когда высота должна быть динамической.Я беспокоюсь, что кто-то изменит размер шрифта или сам шрифт;так что я думаю, что мое текущее решение является хрупким.Но я не вижу другого способа динамической установки высоты DIV для автоматического соответствия содержимого внутри.Любая помощь приветствуется.

Вот пример того, чем я сейчас занимаюсь: http://jsfiddle.net/qkwL2/5/

Answer 1

http://jsfiddle.net/qkwL2/7/

Измерьте в первую очередь.Тогда оживи.

Также используйте как можно меньше $.Каждый $ добавляет в память еще один объект jQuery.

Answer 2

Если вы хотите сделать анимацию подобным образом, тогда вы в значительной степени вынуждены установить явную высоту (я не знаю другого способа). Однако вы можете рассмотреть одну вещь: процедура вычисления высоты на основе содержимого элемента div (т. Е. Перебора списка тегов привязки и вычисления высоты для каждого из них, а затем добавления в свой отступ). Таким образом, гарантированно всегда будет отображаться все содержимое div.

Answer 3

Вы можете заключить содержимое, которое вы хотите отображать при наведении курсора, с помощью класса display:none и сдвинуть его вниз, используя метод jqueries slideDown. Демо .