css auto height div

时间:2015-01-01 20:39:57

标签: html css height

我正在建立一个逐步的预订表格,但我遇到容器的高度问题。 你可以在这里看到问题;按步骤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中'content'的数量。所以整个表格应该适合灰色背景的内容div。

我找不到问题...

提前致谢!

ķ。

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

我认为问题出在"溢出"一部分。试试overflow : scroll/auto