Основание css div размещение

Question

Я пытаюсь разместить 3 divs, используя фреймворк Foundation 5. Первые два (div 1, div 2), я хочу, чтобы они были полной высотой окна браузера, а третий - просто равным div.

Как я могу продолжить? Примеры кода заслуживают высокой оценки.

Answer 1

Попробуйте это:

<div class="row"> 
    <div class="small-1 columns"></div> 
    <div class="small-2 columns"></div> 
    <div class="small-9 columns"></div> 
</div> 

ИТС простое использование zurbs grid layout.

для полной настройки этих параметров в вашем файле _settings.scss.

$row-width: rem-calc(1000); //make this max of screen size 
$column-gutter: rem-calc(0); 
$total-columns: 12 ; 

вы также можете явно указать width:100%; с классом или идентификатором.