Bootstrap/Css - 2 DIV相同高度

Question

我有HTML + CSS代碼。我需要第一格（第一行，白色）取第一部分容器高度，第二格（第二行，橙色）取第二部分。 這裏是我的html： http://pastebin.com/ipiEKHBZ 和我的CSS： http://pastebin.com/jtxw695F

Answer 1

修訂的答案：實現了默認的態度並沒有與你的HTML工作後，這應該工作。您分別具有類.content-row-1和2。您可以使用這些來告訴相應的行始終使用高度的某個部分。爲此，您還需要手動修復定位。 （有人糾正我，如果這可以更優雅的完成）例如這些類可能看起來像：

.content-row-1 { 
     background: #eee; 
     position: absolute; 
     top: 10%; 
     display: block; 
     height: 40%; 
     width: 100%; 
    } 

我注意到，您的頁腳已經採取了高度的10％，並假設你不希望任何重疊或差距。爲了實現這個目標，你還應該給你的頭部一個高度的百分比（在我的例子中爲10％，以保持簡單）。

而對於未來：嘗試使用https://jsfiddle.net/時顯示您的代碼示例。我把它放在一起在https://jsfiddle.net/kvbyk3f1/。