두 개의 응답 셀을 다른 셀 아래에 만드는 방법은 무엇입니까?

Question

두 셀의 높이가 같아야하며, 다른 셀보다 한 셀 아래에 있어야합니다.

높이는 창 크기를 기준으로 변경해야합니다. (js로 창 크기를 알고 있습니다)

가능합니까? 레이아웃의 스크린 샷이 첨부됩니다.

Answer 1

매우 쉽습니다. 다만이 같은 : http://jsfiddle.net/wuo6yyme/

html, body {height:100%} 
.container {height:100%} 
.div1, .div2 { 
height:49%; 
width:100%; 
background-color:red; 
} 
.div1 {margin-bottom:2%;}