基金会css div安置

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。

全宽度在_settings.scss文件中调整这些设置。

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

您还可以使用类或ID明确声明width:100%;。