在CSS中创建垂直空间

Question

所以，我在页面中央有一个盒子（垂直和水平），有一个固定的高度（200px）

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

CSS3对此很好，所以如果样式表更清晰，请使用它。

Answer 1

html：

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

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

造型：

#outer {
    width:100px; /* whatever */
    height: 200px;
    position:relative;
}

.top {
    position:absolute;
    top:0px;
}

.bottom {
    position:absolute;
    bottom:0px;
}