DOM元素删除时的CSS高度转换

Question

当从DOM中删除此DIV的一个子元素时，是否存在将高度过渡动画应用于DIV元素的纯CSS方法？

示例代码：

<div id="master">
  <div id="child1">
     some content
  </div>
  <div id="child2">
     some other content
  </div>
</div>

如果删除了child1元素，则master元素的高度会自动调整。如何应用过渡动画？ 传统的transition:height似乎不起作用。