Div 전체 높이 div 이하

Question

단일 페이지 웹 사이트를 만들고있어 긴 페이지입니다. 하지만 첫 번째 div를 페이지의 전체 높이와 전체 너비로 만들고 로고를 중심으로 배치하고 싶습니다. 그런 다음 고정 된 높이로 div 아래에 넣고 싶습니다.

페이지가 열리면 로고가 항상 가운데에 표시되고 아래의 div는 아직 보이지 않습니다 (첫 번째 높이가 찍혀 있기 때문에). 그리고 스크롤을 시작하면 다음 div가 바로 아래에 나타나고 나타납니다.

이것도 가능합니까? 나는 이것을 찾으려고했지만 아무 것도 발견하지 못했습니다.

감사 최대

여기

Answer 1

당신은 이동 : http://jsfiddle.net/BramVanroy/NMeAQ/

html, body { 
    width: 100%; 
    height: 100%; 
} 

#logo { 
    width: 100%; 
    height: 100%; 
    background: #ccc; 
} 

#logo > img { 
    border: 10px white solid; 
    left: 50%; 
    margin-left: -130px; /* the width of your image divided by 2 */ 
    top: 50%; 
    margin-top: -130px; /* the height of your image divided by 2 */ 
    position: absolute; 
}