Как сделать так, чтобы DIV автоматически изменялась по высоте, даже если контент абсолютный?

Question

у меня есть контейнер div, который равен position:relative, а квадраты position:absolute, потому что я хочу играть с их позициями.

Как и то, что вы видите, контейнер не умещается в содержимом, кроме случаев, когда квадраты расположены в относительном, есть ли решение для этого?

Я не хочу просто устанавливать высоту для контейнера, потому что квадраты не являются статичными, поэтому я хочу что-то, что изменяет размер автоматически.

Спасибо

Answer 1

К сожалению, невозможно содержать элементы с абсолютным позиционированием. Они полностью выведены из нормального потока, поэтому никто не знает, как их обернуть ..

Answer 2

Если вы знаете высоту абсолютно позиционированных элементов, вы можете установить для «содержащего» div минимальную высоту их смещения top плюс эту известную высоту. Опять же, он не будет содержать в правильном смысле, но будет по крайней мере таким высоким .

Answer 3

Мне нужно немного больше ясности в вашем вопросе и описании, но я думаю, что я понимаю, что вы говорите.

Я предполагаю, что на изображении выше происходит то, что происходит в настоящее время, но вы хотите, чтобы серый, относительно позиционированный контейнер "окружал" абсолютно позиционированные контейнеры, где бы они ни находились?

Если это так, я бы добавил еще один DIV после всех ваших абсолютно позиционированных контейнеров, которым присвоено clear:both. Это мой личный маленький совет, чтобы убедиться, что родительский контейнер обнимает всех своих детей, независимо от того, куда они убегают.

Надеюсь, что поможет