html - 宽度 : 100% of an absolute positioned element is bigger than the parent

Question

我有一个宽度和高度未知的 div，这个 div 是一个更大的 div 的子节点之一。

#myDiv {
    /* Blah blah blah */
}

#inner {
    position: absolute;
    width: 100%;
    height: 100%;
}

<div id="myDiv">
    <div id="inner"></div>
</div>

但问题是 #inner div 不合适，它比它的父级大得多 #myDiv而它的宽度和高度设置为 100% .
我做错了什么？

Answer 1

通过制作任何元素 position: absolute;意思是:把我放到第一个父节点 position: relative;它并不总是等于它的父元素。

如果还有其他 child ，您需要记住其中一个将位于绝对定位的元素“下方”。