html - 別のdivでautohightdivを作成する方法

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で動作するソリューションが必要です。