Php 使用包含的div高度缩放容器div

我试图获取一个驻留在容器div中的div，以便在容器中的div变高时缩放容器div的高度。当容器内div的高度高于容器本身时，它只会移动到容器底部。我希望容器与包含的div一起缩放。如何在CSS中做到这一点？

您只需要按百分比指定height属性，例如：

percent { display:block:height:100%; } as your div stands in html:

<div class="percent"></div>

percent{display:block:height:100%；}当您的div位于html中时：

格雷厄姆。您描述的是DIV或任何块元素的默认行为。e、 g.对于以下HTML：

<style type="text/css">
    dl { margin: 0; padding: 0;}

    #container {
        background-color: blue;
        padding: 5px 5px 5px 5px;
    }   

    #inner {
        background-color: red;
    }   
</style>
<div id="container">
    <div id="inner">
        <dl>
            <dt>Stuff</dt>
            <dd>Blah blah blah</dd>
            <dt>Foobar</dt>
            <dd>Bazquux</dd>
        </dl>
    </div>
</div>

dl{margin:0；padding:0；}
#容器{
背景颜色：蓝色；
填充物：5px 5px 5px；
}   
#内在的{
背景色：红色；
}   
东西
废话废话
福巴
巴祖

您将获得以下呈现的HTML：

（来源：）

您描述的容器div不展开以包含内部div的情况发生在浮动内部div时。根据定义，浮动将块元素从其包含元素的约束中分离出来。将“float:left；”应用于您的#内部元素可以得到以下结果：

（来源：）

解决方案是在包含div的底部添加一个块级元素，以清除浮动元素。这将导致包含的div环绕这个新的块级元素，从而也环绕浮动的元素

e、 g

dl{margin:0；padding:0；}
#容器{
背景颜色：蓝色；
填充物：5px 5px 5px；
}   
#内在的{
背景色：红色；
浮动：左；
}   
东西
废话废话
福巴
巴祖

这将提供与第一个图像相同的输出

显然，如果您进行大量的浮动，那么将其添加到容器div的底部可能是一件乏味的事情

使用CSS2，您可以通过一个简单的类定义（当然还有对IE的攻击）来实现这一点：

dl{margin:0；padding:0；}
#容器{
背景颜色：蓝色；
填充物：5px 5px 5px；
}
.clearfix:之后{
内容：“.”；
显示：块；
身高：0；
明确：两者皆有；
可见性：隐藏；
}
*html.clearfix{height:1%；}
#内在的{
背景色：红色；
浮动：左；
}
东西
废话废话
福巴
巴祖

只需将clearfix类添加到任何包含浮动元素的容器div中。请注意，“*html”是IE所需的破解方法。

只需添加

overflow: auto;

对于外部div.

如果您的意思是“scale”，就像在简单的扩展中一样，也许我将您的描述理解为容器div的高度为，比如说，500px，而包含的div如果增长过大，则会将其推出得更多。在这种情况下，也许可以使用最小高度来代替

min-height: 500px;

---

如果您的意思是容器div中的“scale”是500x500px，则包含的内容占据200px的初始高度，随着内容的增加，扩展到400px，这将容器div推到1000x1000px（类似于缩放/放大），那么这可能会更复杂。

这并不能解决他的问题，这是很不幸的，因为你似乎在回答这个问题上花了不少功夫。在容器上放置一个500像素的高度，你就会意识到。我不确定我当时是否和你一样理解他的问题。没有代码的问题=可以解释。我个人最喜欢的解决方案是在浮动元素的末尾添加一个清除元素。如果您在结束容器之前添加，将正确设置其高度。不必使用任何CSS黑客，但它会向HTML添加额外的元素。

overflow: auto;

min-height: 500px;