이 컨테이너를 뷰포트의 위쪽 가장자리에서 아래쪽 가장자리까지 연장하려면 어떻게합니까?

Question

내 개인 웹 사이트에서 Wordpress 테마를 작업 중이므로 몇 가지 작업을 수행하는 방법을 알아 내려고 노력하고 있습니다.

1) 흰색이 위쪽 가장자리 위로 뻗어 있어야합니다. 페이지 내용

2) 가능한 경우 컨테이너가 뷰포트의 하단 가장자리까지 확장되도록하고 싶습니다.

저는 모든 레이아웃 자료에 Twitter 부트 스트랩을 사용하고 있습니다. 출처는 일반적인 방법 등으로 볼 수 있습니다.

많은 곳에서 min-height: 100%을 사용해 보았습니다 만,별로 행운이 없었습니다. 어쩌면 그것은 누가 알겠습니까?

미리 답변 해 주셔서 감사합니다.

Answer 1

흰색을 위로 확장하려면 .page-container에서 padding-top을 제거하고 대신 page-outline에 추가하십시오. 또한 page-outline에 height: 100%을 추가하십시오.

.page-container { 
    min-height: 100%; 
} 

.page-outline { 
    background-color: white; 
    border-left: 1px solid black; 
    border-right: 1px solid black; 
    padding-top: 25px; 
    height: 100%; 
}