만들기 수직 공간

Question

그래서, 나는 (200 픽셀)

그것은 임의의 높이의 두 가지 요소를 포함하는 고정 높이 페이지 (수직 및 수평)의 중심에 상자를 가지고있다. 나는 꼭대기에 고정되어야하고, 하나는 상자의 바닥에 고정 시키길 원한다.

CSS3이 적합합니다. 따라서 스타일 시트가 더 명확하면 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; 
}