html - css自动高度div

Question

我正在构建一个分步预订表单，但我在容器高度方面遇到了麻烦。你可以在这里看到问题；通过第 2 步(只需单击第一个屏幕下方的“下一步”按钮)

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

因此，内容 div 的 css

.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。

我找不到问题...

提前致谢!

K.

Answer 1

我认为问题在于 .content div 中的 section 标签是绝对定位的。这意味着父容器不知道它们有多大。删除 .wizard>.content>.body 上的绝对定位，它应该可以工作。