如何获取父元素以获取其子元素的维度？

Question

这是我的一个持续关注。我尝试了

的正常修复

display: inline-block

但它不起作用。这是代码。包含div的名称为container-1，我希望它包含维度的div称为mi_holder：

#container-1 {
  border: 1px solid red;
}
#mi_holder {
  display: inline-block;
  position: relative;
  top: 100px;
}

<div id="container-1">
  I am inside
  <div id='mi_holder'>
    But I am outside :(
  </div>
</div>

Answer 1

将您的top: 100px;更改为margin-top: 100px;

Answer 2

这是否能提供您想要的结果：

#container-1 {
  border: 1px solid red;
}
#mi_holder {
  margin-top: 100px;
}

<div id="container-1">
  I am inside
  <div id='mi_holder'>
    And I am no longer outside :)
  </div>
</div>