Html 如何在另一个div中进行自动调高div

你好，我有这样一个问题。我有以下代码：

<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>

这个div可以在这里，但不总是在这里。
任何中间文本。

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

---

我再也不知道如何让它工作了。我需要一个可以与IE、FF、CHrome、Opera和Safari一起使用的解决方案。

好的，但是这个问题还有其他解决方案吗？还有其他方法可以使文本垂直居中，而不必使用表格布局。。。如果您想根据内部

的存在来切换height属性，那么您必须使用JavaScript.Hmm，我可以问一下如何创建它的示例吗？