HTML div随内容动态扩展？_Html_Css

HTML div随内容动态扩展？

html css

HTML div随内容动态扩展？,html,css,Html,Css,我在主体“container”div中有三个div，分别是“header”、“content”和“footer”。我的问题是，我希望“content”div随着内容的动态增加而垂直扩展，这样，当“content”div扩展时，“footer”将向下推。所有这些都是在主“container”div中完成的，所以它也会垂直扩展 HTML 您可以使用CSS属性 min身高>代码>，但您必须考虑它不会在所有（遗留）浏览器中支持。这里有一个例子：除非你告诉他们，否则事情就是这样的（不要在任何东西上设置

我在主体“container”div中有三个div，分别是“header”、“content”和“footer”。我的问题是，我希望“content”div随着内容的动态增加而垂直扩展，这样，当“content”div扩展时，“footer”将向下推。所有这些都是在主“container”div中完成的，所以它也会垂直扩展

HTML

您可以使用CSS属性<代码> min身高>代码>，但您必须考虑它不会在所有（遗留）浏览器中支持。

这里有一个例子：

除非你告诉他们，否则事情就是这样的

（不要在任何东西上设置高度，这是这类东西的“否则”的关键，（如果你认为你想要，那么就看最小高度）。

这可能就是你想要的：

当一根或另一根垂直扩展时，中间的两个柱将保持各自的高度

请修改你问题的标题。人们很难知道你的目标是什么。另外，请尝试进一步解释你想要实现的目标。在我看来，你所需要的只是一个基本的功能，不需要做任何事情就能让它正常工作这看起来像你要找的吗？如果你已经安装好了，它应该可以正常工作。。没有更多的事要做..谢谢你，但我也需要在最初的固定大小，如果超过了，然后扩大和移动页脚以及containedso如果最初我想在cretin高度和每当内容增加，我应该使用最小高度来指定我想要的最小高度？？

<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>

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