如何用相对位置div完全包装绝对位置div？

Question

是否可以使用相对位置div完全包裹绝对位置div而无需定义外部相对位置div的高度和宽度像素值？在这里，我看不到"outerrelativediv"所涵盖的"innerabsolutediv"的红色边框。

<div id="outerrelativediv" style="position:relative;display:inline-block;border:1px solid red;">
  <div id="innerabsolutediv" style="position:absolute;display:inline-block;">
    SOMETEXT HERE!!!
  </div>
</div>

https://jsfiddle.net/L3bytwnj/

Answer 1

简单的答案是： 否 。

当您提供元素HttpClient时，您将从正常的内容流中删除。如果它是其父项的唯一子项，则父项将没有流内容。它会是空的。

通常情况下，空HTTP2Client个元素的position: absolute;和html值为width，而且在正常的内容流中不占用空间。有些异常可能导致呈现一个空元素，例如成为伸展其子元素的height父元素的子元素。但是在父母链的某个方面，其中一个必须有一个固定维度或至少一些内容（可能在兄弟链中）产生一些0 / flex或者其他所有内容只是一个没有渲染的空元素的大链。

此外，即使孩子没有内容，孩子的height和width属性也会在父元素上生成padding / border。