为什么“div”不会随里面的内容一起扩展？答案

【问题标题】：Why won't the "div" expand with the content inside it?为什么“div”不会随里面的内容一起扩展？
【发布时间】：2013-06-26 08:56:41
【问题描述】：

我在正文中添加了一个名为“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;
}

【问题讨论】：

请在此处复制并粘贴您的代码。帮助你会容易得多...
我将它添加为图片。
为什么要将代码添加为图像？请将其复制/粘贴到您的问题中。
我做了，但它自动取消缩进，我无法将其作为代码发送。

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

尝试将 overflow:auto 添加到 div：

#midsection
{
  ...
  overflow:auto
}

【讨论】：

不是我最喜欢的，但它有效。我仍然希望实际页面展开。
@AdamDePolo，如果这对您有用，那么您应该通过单击复选符号将其标记为已接受的答案。
我还在等待，如果您阅读我的回复，您会看到我说“我仍然希望页面展开”......

【解决方案3】：

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

【讨论】：