Как в моём случае сделать min-height?

Question

[Максим]

Как сделать для div автоматическую высоту ? то есть что бы если текста было больше он растягивался ?
Codepen карты кликабельны

Comments

[Андрей Федоров]

Уберите абсолютное позиционирование, блоки начнут растягиваться. Позицию меняйте с помощью transform: translate();

[Максим]

Андрей Федоров: тогда не получится автоматом выровнять их ... и эта всплывашка сразу залазиет под них .. я уже делал так

Answer 1

[Kovalsky]

Странно, из вашего примера видно что вы специально растягиваете карты под ширину и высоту контейнера, таким образом ограничивая масштабы карты. Если вам это не нужно, то не делайте этого - из позиционирования для карт оставьте только одну из вертикальных составляющих, либо top, либо bottom. Также можно добавить min-height: 100%. Так как transform-origin считается от размеров элемента, одинакового расстояния между картами динамической высоты можно добиться либо заданием статического transform-origin, либо динамическим расчётом transform-origin.