在CSS中创建垂直空间

因此，我在页面中央有一个框（垂直和水平），高度固定（200px）

它包含两个任意高度的元素。我想要一个锚定在盒子的顶部，另一个锚定在盒子的底部

CSS3可以做到这一点，因此如果样式表更清晰，请使用它。

html：

   <div id="outer">
        <div class="top">
        </div>

        <div class="bottom">
        </div>
    </div>

html：

   <div id="outer">
        <div class="top">
        </div>

        <div class="bottom">
        </div>
    </div>