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

Question

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

基本上，

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

两个元素并排显示，并且是内嵌块div。

元素2有一个相对的位置，我将它定位在支架内，一半在支架内，使用顶部：200px。

然而，目前持有者是其最大的孩子的高度，即元素2 - 但是没有考虑到元素-2已被定位为距其原始状态200pxs，离开持有人底部有很多空余空间！

总结：我希望持有者高度考虑到一个元素已被移动 - 希望这有意义吗？

Answer 1

假设您的codepen在解释中看起来像这样。

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

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

.element-1 {
  vertical-align: top;
}