CSS float не изменяет размер, чтобы соответствовать новому контенту

Question

У меня есть форма, которую я плаваю. Когда возникает ошибка, с помощью jquery я добавляю некоторый контент в p внутри формы. Тем не менее, форма не изменяет размер по вертикали, чтобы соответствовать новому контенту. Есть ли что-то, что я должен сделать, чтобы размер плавающего элемента изменялся при изменении содержимого в нем?

Answer 1

Установлена ​​ли высота содержимого? Когда функция float включена, по умолчанию фиксируется высота по высоте строки. Вполне возможно, что ваша ширина в форме слишком мала, и текст тянется через элемент блока, содержащий вашу форму. Попробуйте поэкспериментировать со свойством line-height и посмотрите, что вы получите. Кроме того, абсолютная позиция будет мешать вам (как упоминает Ричард ниже)

Также рассмотрим минимальную высоту. Это не сработает в IE6, но в IE6 вы можете заменить на высоту, которая в определенных обстоятельствах действует как минимальная высота.

Разместите свой код, чтобы я мог быть более конкретным.

Answer 2

Есть ли у вас height или другой стиль CSS, который помешал бы его вертикальному изменению размера?

Кроме того, в каком браузере (ах) он работает? Это может быть ошибка браузера.

Если

тоже плавающий, то в зависимости от стиля (позиция: абсолютная) его размеры могут не считаться «в» форме.