为什么“div”不会随着里面的内容而扩展？

Question

我在体内添加了一个叫做“腹部”的DIV。它包含所有内容，如幻灯片和下面的信息。我将中段高度设置为“98％”，但它不会随着内部的内容而扩展。实际的页面确实在扩展，但DIV却没有。

-HTML    http://e.pictureupload.us/118270967451ca3420af8dd.jpg

-CSS

#midsection{
position:relative;
top:31px;
width:75%;
height:98%;
margin-left:12.4%;
background:#f3f4f4;
border-left: 1px black solid;
border-right: 1px black solid;
word-wrap: break-word;
}

Answer 1

div具有其容器的固有最大高度。您必须确保包含此div的DOM中的每个项目的高度至少为98％。例如，如果div只是在体内，你可以添加：

html{ min-height:98%; }
body{ min-height:98%; }

Answer 2

尝试将overflow：auto添加到div：

#midsection
{
  ...
  overflow:auto
}

Answer 3

尝试将overflow:hidden添加到div的CSS中。