html - Gridle SCSS - 3 个固定高度的响应列

Question

我正在尝试制作一个包含 3 列的完整页面。唯一的问题是它们应该固定在高度上。使用 Gridle 制作列。

要点是，当我修复其中一列时，它们都相互重叠并且不再是列。知道如何解决这个问题吗？

因此，如果我修复第一列，第二列将移至第一列下方的左侧。我不能简单地在第二列说“左:100px”。因为它应该保持响应。

.LeftCol {
     @include gridle ( 3 );
     background: #e42e2e;
     color: #fefefe;
     position: fixed;
     top: 0;
     bottom: 0;
     padding: 0px;
}

非常感谢

Answer 1

显然，Gridle 支持推送列。

@include gridle_push ( 3 );

这成功了。