Bootstrap / Css - 2 DIV相同的高度

Question

我有HTML + CSS代码。我需要第1个div（第1行，白色）来取容器高度的前半部分，第2个div（第2行，橙色）取第二个部分。 这是我的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％，以保持简单）。

对于未来：在显示代码示例时尝试使用this。我把它放在https://jsfiddle.net/。