html - 如何在另一个 div 中制作 auto hight 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 的解决方案。