&引用；“向下展开”；HTML/CSS或其他格式 下面是一个SSCCE来显示我的问题： 问题的SSCCE h1{字体大小：2em；} h5{字体大小：1.3em；边距：1em；} 欢迎来到这是一些示例文本。 Lorem ipsum dolor sit amet，是一位杰出的献身者。在没有酒后驾车的情况下进行练习。临时性的苏打水，是一种温和的生活方式。 这是一种新的生活方式。Nam ac urna nisi，eget molestie dui。

一些东西。
东西。
东西。
东西。
东西。
东西。
SSCCE 这是一个SSCCE

“我的同情心永远不会消失，
我的朋友们，
我的朋友们，
在没有酒后驾车的情况下，
我的朋友们，
我的朋友们，
我的生命 拉奥里特·奥奇（laoreet orci）
布兰迪特（vehicula blandit）
库拉比图尔·维塔（Curabitur vitae）
奥迪奥（tellus odio）
nec vehicula leo.
很好

更多的东西！ 我会放一些换行符来占用空间好的

这是底部的东西，它是一个页脚耶，页脚是页脚的，页脚是脚的好吧，为什么我要输入这个呢这很尴尬，但是 我必须占用更多的空间空间空间是空间的

好的

---

下面是一幅它如何呈现的图像：

---

如何使包含文本的带圆圈的

div

向下展开，使其与图像的高度相同？我将它们都放在一个公共父级

div

，但无论我尝试使用什么属性或样式，它都不会向下展开

---

是否有

expand:down

CSS的东西，或者我可以使用某种替代方法使文本向下展开？

不幸的是，CSS中没有expand:down属性：） 但你确实有一些选择。最常见的解决方案是使用.clearfix方法

当浮动某些子元素时，父元素（容器）不会影响这些浮动子元素的高度。这就是您需要添加clearfix类的地方

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

---

PS：它在非常旧的IE版本中也兼容

不幸的是，CSS中没有expand:down属性：） 但你确实有一些选择。最常见的解决方案是使用.clearfix方法

当浮动某些子元素时，父元素（容器）不会影响这些浮动子元素的高度。这就是您需要添加clearfix类的地方

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

PS：它在非常旧的IE版本中也兼容