Html 当来自其他div的元素重叠时，div是否扩展？

我有一个div-lets调用它的header，另一个div-lets调用的是content。现在，content div将其高度扩展到其内容。在header中，我有一个元素与内容重叠得很远，但contentdiv不会随着元素和header重叠而扩展。以下是我到目前为止的css：

.content {
height:auto;
}

有什么建议吗

---

这是因为子div的z索引比其他任何东西都高，这意味着它在所有东西之上堆叠，并且由于其位置，它不参与文档流。我建议使用JQuery根据其他两个div的高度来计算和设置其高度。

您的内容div没有被向下推的原因是您在标题div上设置了高度。因此，相对于标题div，您的内容div开始向下100px。如果不设置高度，则header div最终是其中包含的任何内容的高度

看看这把小提琴。。。简单删除你的身高：100px；离开标题，它完成你想要的

---

编辑：如果要将内容添加到标题中，并希望它成为内容div的一部分，即让内容div随标题\内部文本一起增长，则可能只需将其移动到内容div中即可。否则，不应指定标题上的高度，当你像我的提琴一样添加标题时，让它自动向下推你的内容div。

我不确定我是否理解这个问题。您想通过向页眉添加文本来扩展内容高度？

页眉和内容是同级的，因此无法仅使用css将内容扩展为页眉的一部分

要解决您的问题，您可以：

使用javascript计算内容应有的高度并动态设置 将标题放在内容内，并移除内容的固定高度

---

你需要提供更多的细节。可能是你的html，一个工作页面的链接，一个JSFIDLE演示，等等。发布内容中的所有代码，对于内容div本身就是你拥有的完整CSS吗？听起来像是标题被定位了，或者其他什么事情正在发生。使用的html示例也会有帮助。这听起来像是一个浮动或绝对位置问题，但如果没有html和CSS，我不能确定。@JonahKatz你能澄清你的意图吗？您希望标题中的棕色框按原样展开，并使内容的蓝色背景随棕色框一起展开吗？如果是这样的话，您可能需要重新构造html和CSS。不，z索引不会影响子级和父级之间的内容交互，即标题及其内容。绝对定位的元素除了在上面/下面堆叠之外，不会与任何东西交互。流动儿童也是如此——如果没有明确的因素，他们不会影响非流动父母的身高。这是正确的，但我不确定他的解释是否是他的意图。我想他希望蓝色的内容区域也随之扩展，这需要更多的时间。因此，内容不仅仅是被向下推，而是沿着标题的高度增加？是的，我觉得这是他们想要的，等待他们回复。听起来杰罗恩可能已经得到了。为什么你不能在里面有标题？内容？