我有一个具有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/