고정 된 높이와 너비로 몇 개의 div가 있어야합니다. 어떻게?

Question

나는 학교 프로젝트를 위해 무언가를 만들고있다. 그리고 내가 현재 원하는 코드가 아니기 때문에 현재 코드가 틀릴 것이다. 그래서 나는 지원을 요청하고 싶다.

우선 : 휴대 전화 화면 용이므로 모두 백분율이어야하며 모두 해상도를 기반으로합니다. 나는 모든 것들의 크기가 상대적으로 같기를 원합니다. 그래서 여기서 가장 좋은 비율이라고 생각합니다.

음 I 필요한 싱크는

행 1 높이 : 20 % [차단 한 폭 : 60 %] [블록 두 폭 : 40 %]

행 2 신장 60 % [블록 하나 개의 폭 : 100 %]

행 3 (글) 높이 : 20 %하는 [차단 한 폭 : 100 %] 모두 한번에 하나 반드시 상단 (뜨아) 행에있을

행 2이어야 다음으로, 모든 일에 집중하다 시간이 있고 화면 높이의 60 % 고정 된 높이를 가지고 있어야합니다. 행 3은 바닥 글이어야하고 행 2 (duh) 아래에 있어야합니다.

큰 코드가별로 없을 것 같아요. 여기에서 .. 그러나 고정 된 높이를 알아낼 수 없다. 내 바닥 글은 항상 전체 바닥 대신 2 행 바로 뒤에 있기 때문에.

미리 감사드립니다.

Answer 1

질문과 같은 소리는 실제로 높이를 설정하는 것과 같습니다.

귀하의 백분율은 신체 태그에만 기반하며 모든 콘텐츠에 대해 충분히 큰 것입니다. 이 시도 :

html, body 
{ 
    height: 100%; 
} 
div { 
    border-style:solid; 
    border-width:1px; 
} 
div#top { height:20%; } 
div#middle {height: 60%; } 
div#bottom {height: 20%; } 

당신이 JSFiddle에 코드를 게시하고 당신이 어려움을 겪고있는 것을 설명 할 수 Make body have 100% of the browser height