如何在另一个div中制作自动高度div

Question

您好我有这样的问题。我有这段代码：

<div id="1" style="min-height: 50px;">
    <div id="dynamicDiv">This div can be here, but not always.
    </div>
    <div id="2" style="display: table; MIN-HEIGHT: 50px;">
          <div id="3" style="display: cell-table; vertical-align: middle;">
              Any middled text.
          </div>
    </div>
</div>

现在我的问题......有时dynamicDiv不在这里，我需要div =“2”得到整个div =“1”。但是当设置dynamicDiv时，我需要id =“2”的最小高度为50px。

我不知道如何让它发挥作用。我需要一个适用于IE，FF，CHrome，Opera和Safari的解决方案。