div自动调整旁边的另一个div

Question

如果你能帮助我解决这个问题，我将非常感激。

我有2个div，一个在另一个的顶部，我希望底部的一个根据它上面的一个大小移动它的位置。我希望这不会太混乱。

正如你在图片中看到的那样，绿色椭圆形框向上移动，红色向下移动

这就是我现在所拥有的

padding: 10px;
width: 930px;
border: 5px solid #E0E0E0;
height: 100%;
margin: 10%  auto auto;