在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; 
}