Bootstrap/Css - 2 DIV же высота

Question

У меня есть код HTML + CSS. Мне нужен 1-й div (строка-1, белый цвет), чтобы взять первую половину высоты контейнера, а второй 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% в моем примере, чтобы все было просто).

И для будущего: попробуйте использовать https://jsfiddle.net/ при показе образцов кода. Я собрал его в https://jsfiddle.net/kvbyk3f1/.