如何创建一个低于另一个的两个响应单元?

时间:2014-09-08 13:05:05

标签: html css responsive-design fluid-layout

我需要有两个高度相等的单元格,它们需要一个低于另一个单元格。

它们的高度应根据窗户大小进行更改。 (我知道js的窗口大小)

有可能吗?布局的屏幕截图是附件。

enter image description here

1 个答案:

答案 0 :(得分:2)

很容易。就像这样:http://jsfiddle.net/wuo6yyme/

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