Foundation css div placement

Question

我想使用Foundation 5框架來定位3個div。前兩個（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的。

全寬調整這些設置int _settings.scss文件。

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

您還可以用類或id明確指出width:100%;。