调整父母身高以适应相对孩子

Question

今天早些时候上班时，我遇到了明天早上会遇到的问题，所以要做好准备！

本质上

<div class="holder">
    <div class="element-1"></div>
    <div class="element-2"> <img> </div>
</div>

这两个元素与 Equal 并排显示，并且是内联块div。

元素 2 有一个相对位置，我已经定位了它，所以它一半在支架内，一半在支架外，使用 top：200px。

然而，目前 holder 是其最大子元素的高度，即元素 2 - 但没有考虑到元素 2 的位置比其原始状态 200px，在支架底部留下了大量备用空间！

摘要：我希望支架高度考虑到元素已被移动 - 希望这有意义？

Answer 1

假设你的代码笔从你的解释中看起来像这样。

解决方案是在元素 2 上添加边距而不是顶部，并将第一个元素垂直对齐到顶部，使其粘在顶部边框上。

.element-2 { 
  margin-top: 200px;
}
.element-1 {
  vertical-align: top;
}