0

我在体内添加了一个名为“midsection”的 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;
}
4

3 回答 3

1

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

html{ min-height:98%; }
body{ min-height:98%; }
于 2013-06-26T00:17:46.743 回答
0

尝试将溢出：自动添加到 div：

#midsection
{
  ...
  overflow:auto
}
于 2013-06-26T00:38:09.360 回答
0

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

于 2013-06-26T00:56:41.687 回答