Question

我的父div有position: relative且他的孩子有position: absolute。这样的立场是必须的。问题是父母没有伸展到孩子的身高。问题是如何让它延伸到孩子的身高？

加价类似于：

<!DOCTYPE HTML>
<html>
    <head>
        <style>
            .parent {
                position: relative;
                border: solid 1px red;
            }

            .child {
                position: absolute;
                border: solid 1px red;
            }
        </style>
    </head>
    <body>
        <div class="parent">
            <div class="child">Hello World!</div>
        </div>
    </body>
</html>

Answer 1

将overflow:hidden添加到您的父级。

编辑：我的错误，这只有在孩子们漂浮的情况下才有效。如果孩子绝对是位置，这是无法实现的。当您绝对定位元素时，您将其从文档流中取出。就定位而言，该元素不再是“孩子”，即使在语义上它仍然存在。

Answer 2

给孩子和父母一个height:100%。

Answer 3

不幸的是，我不认为有办法，不使用Javascript。

编辑：也许如果你说明他们为什么需要成为职位：亲戚和职位：绝对，我们可以想出一种方法来消除这种限制，以便你想要的东西成为可能。

亲子身高问题

3 个答案: