HTML - 使div父继承div子高度

Question

我有问题让div父继承div子的高度。

.parent {
        position: relative;
    }

.child {
        position: absolute;
        width: 960px;
    }

文字应该在黑色空白处。

任何帮助？

Answer 1

您是否因某些原因需要让孩子完全定位？ 这就是为什么它不适合＆＃39;在你的父元素中。

根据文件

  

绝对位置：   不要为元素留出空间。相反，将其定位在相对于其最近定位的祖先或包含块的指定位置。绝对定位的盒子可以有边距，它们不会随着任何其他边缘而崩溃。

查看https://developer.mozilla.org/en-US/docs/Web/CSS/position处的插图，了解究竟发生了什么。

Answer 2

删除父级的任何大小属性，然后它将变得与其内容一样大。

Answer 3

为什么你宣布职位：绝对？如果你想移动.child，你应该使用position：relative或margin。

绝对定位会从文档的自然流中删除元素。