css auto height div

Question

Я строю пошаговую форму бронирования, но у меня проблемы с высотой контейнера. Здесь вы можете увидеть эту проблему; на шаге 2 (просто нажмите на кнопку «Next» в рамках первого экрана)

http://staging.karlienfabre.be/pocoloco/book.html

Таким образом, в CSS в DIV контента

.wizard>.content { 
background: #f3f3f3; 
display: block; 
margin: .5em; 
min-height: 35em; 
overflow: hidden; 
position: relative; 
width: auto; 
font-family: 'Raleway', sans-serif;} 

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

Я не могу найти вопрос ...

Заранее спасибо!

К.

Answer 1

Я думаю, что проблема в том, что ваши section теги внутри .content DIV расположены абсолютно. Это означает, что родительский контейнер не знает, насколько они велики. Удалите абсолютное позиционирование на .wizard>.content>.body, и оно должно работать.

Answer 2

Я думаю, что проблема в части «переполнения». Попробуйте overflow : scroll/auto