Использование CSS для позиционирования div, хранящихся в родительском div, и содержимого под ним

#css #positioning

#css — код #позиционирование

Вопрос:

Я пытаюсь использовать css для позиционирования двух div , один непосредственно над другим. Обычно это работает нормально, за исключением того, что высота div вверху имеет динамическую высоту, поскольку содержимое добавляется или удаляется с помощью javascript. Внутри этого div у меня есть ряд других div , но родительский div элемент не расширяется, чтобы охватить те, что внутри него. Мне нужен способ сделать div так, чтобы надпись сверху увеличивалась в размерах, чтобы охватить всех дочерних элементов, которые у нее есть.

И помощь или альтернативные решения были бы потрясающими.

Комментарии:

1. пожалуйста, создайте скрипку с текущим css и html здесь

2. Как мы можем предложить «альтернативные» решения, не видя вашего текущего решения?

Ответ №1:

Скорее всего, это вызвано наличием плавающих элементов внутри вашего div. Вы можете либо добавить очищающий div в конце его содержимого со стилем clear:both; , либо добавить overflow:hidden; к динамической высоте div

Это подробно объясняется в Quirksmode

Комментарии:

1. Спасибо за это, это прекрасно сработало с clear: оба в css.