HTML DIVS 动态扩展内容？答案

【问题标题】：HTML DIVS expanding with content dynamically?HTML DIVS 动态扩展内容？
【发布时间】：2011-06-10 02:21:30
【问题描述】：

我在主体内部有主“容器”div，在这个“容器”div 里面有三个 div，分别是“header”、“content”和“footer”我的问题是，我想要 'content' div随着内容动态增加而垂直扩展，并且当“内容” div 扩展时，“页脚”将被向下推。所有这些都是在主“容器”div 中完成的，所以它也可以垂直扩展！？

HTML

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
      <title>Untitled Page</title>
      <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
     <div id="container">
         <div id="header"></div>
         <div id="content"></div>
         <div id="footer"></div>
     </div>
</body>
</html>

CSS

body
{
    background-color:Gray;
}
#container
{
    border: dotted;
}
#content
{
    border:dotted;
}
#header
{
    border:dotted;    
}
#footer
{
    border:dotted;
}

【问题讨论】：

请修改您的问题标题。人们将很难知道你的目标是什么。另请尝试进一步解释您要达到的目标。在我看来，您所需要的只是一个基本功能，并且不需要做任何事情来让它工作？ jsfiddle.net/p5Jvj — 这看起来像你想要的吗？
你已经设置好了，它应该可以按照你的意愿工作..没什么可做的..
谢谢你，但我也需要最初是固定大小，如果超过了，则展开并向下移动页脚以及包含的页脚

标签： html css

【解决方案1】：

您可以为此目的使用 CSS 属性 min-height，但您必须考虑到并非所有（旧版）浏览器都支持它。

这是一个例子：http://jsfiddle.net/YS9XV/1/

【讨论】：

【解决方案2】：

这就是事情的表现，除非你另有说明。

（不要在任何东西上设置高度，这是这类事情的“否则”的关键，（如果你认为你想要，那么请查看 min-height 代替。）

【讨论】：

所以如果最初我想达到 cretin 高度并且每当内容增加时，我应该使用最小高度来指定我想要的最小高度吗？？

【解决方案3】：

这可能就是您要查找的内容：http://wildreason.com/images/liquid-layout-css.png

中心的两列将在其中一列或另一列垂直扩展时保持各自的高度。

【讨论】：