Html 具有自动高度的相对元素

我想自动调高我的相对定位Div，不想使用overflow:scroll/auto。当Childelement需要空间时，我只想增加Div的高度

内容{ 位置：相对位置； 背景：红色； z指数：1； 右：0px； 宽度：100%； 颜色：rgba58,58,58,1； 高度：560px； } 内容p、横幅p、内容a{ 边际：0px； 填充物：5px； } .桌子{ 位置：绝对位置； 左：5%； 右：5%； 显示：块； } .tleft、.tmidle、.tright{ 宽度：计算100%/3； 浮动：左； 位置：相对位置； } Überschrift1 Überschrift2 Überschrift3 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。

---

只要您的内容使用position:absolute，这就不起作用，因为绝对定位意味着元素将从DOM的正常流中删除，并且您的content div将无法看到内容的正确高度。看

但是，就我在您的示例中所看到的，没有理由真正使用position:absolute，因此您可以删除它：

内容{ 背景：红色； z指数：1； 宽度：100%； 颜色：rgba58,58,58,1； } 内容p、横幅p、内容a{ 边际：0px； 填充物：5px； } .桌子{ 利润率：0.5%； } .tleft、.tmidle、.tright{ 宽度：计算100%/3； 浮动：左； } .清楚{ 明确：两者皆有； } Überschrift1 Überschrift2 Überschrift3 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本 离开。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。

---

还有另一个选项可以更新css for.table

.table {
    position: relative;
    display: block;
    overflow:hidden;
}

并删除.content的高度

jsfiddle：

内容{ 位置：相对位置； 背景：红色； z指数：1； 右：0px； 宽度：100%； 颜色：rgba58,58,58,1； } 内容p、横幅p、内容a{ 边际：0px； 填充物：5px； } .桌子{ 位置：相对位置； 显示：块； 溢出：隐藏； } .tleft、.tmidle、.tright{ 宽度：计算100%/3； 浮动：左； 位置：相对位置； } Überschrift1 Überschrift2 Überschrift3 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。 这是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本，它是一个测试文本。

---

因此，当div tright变大时，div内容应该变大？不确定为什么要这样做，但可以完全删除height属性，而是应用max height&相等的min height来控制div中允许的上下增长。这样，内容应该在这些值之间自动增长；如果您在上述内容代码中的继承没有覆盖这一点。嘿，谢谢，但这只是一个片段。在我完整的网站中，绝对的位置。否则看起来teribble@JanikH你用绝对位置做什么？我相信没有它也可以解决。我相信您使用position:absolute的方式是错误的。@JanikH这个答案实际上与我的答案相同，并且删除了position:absolute@DarkAshelin不完全是。它将绝对值更改为相对值，这在定位时不是没有值。@JanikH但结果完全相同。位置：相对位置；除非其中有绝对定位的子对象，否则没有任何用处。在本例中，由于我们移除了它，所以没有。