css - 亲子高度问题

标签 css

我有一个具有position: relative 的父div,他的子div 具有position: absolute。这样的职位是必须的。问题是 parent 没有拉伸(stretch)到 child 的高度。问题是如何让它拉伸(stretch)到 child 的高度?

标记与此类似:

<!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>

最佳答案

overflow:hidden 添加到您的父级。

编辑:我的错误,这只有在 child 漂浮时才有效。如果 child 是绝对位置,这是不可能实现的。当你绝对定位一个元素时,你就把它从文档流中取出来了。就定位而言,该元素不再是“子元素”,尽管在语义上它仍然是。

关于css - 亲子高度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4697707/

相关文章:

php - 在 Woocommerce 结帐中为特定的选定运输选项添加主体类

javascript - PinesNotify 不适用于 jQuery UI

Jquery 检查 rel 不会工作

javascript - 集中一个圆形边框

html - 我的彩色 div 左侧有一个箭头

html - 如何使新部分紧接在前一节的下方?

jquery - 使用 jQuery 和 Maximage2 作为简单的幻灯片

html - Bootstrap : set inline elements

javascript - 如何将描述更改为位于 div 的中心?

jquery - div 噩梦中的垂直对齐!有什么方法可以在不知道 div 的垂直高度的情况下让它工作吗?