Susy列溢出网格
偶像
我只是第一次尝试可疑，但有一点困难。
的HTML
<div class="wrap">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col last"></div>
</div>
SCSS
@import "susy";
$susy: (
container: 1140px,
columns: 12,
gutters: 0.5,
global-box-sizing: border-box,
debug: (image: show-columns)
);
@include border-box-sizing;
.wrap {
@include container;
}
.col{
@include span(3);
height:40px;
background:#f00;
box-sizing: border-box;
}
我认为我有这个权利，但是我的专栏文章不在网格范围内：
您可以在此处查看运行的代码：http : //codepen.io/EightArmsHQ/pen/Ejjxwv
如何使列恰好在网格内？
米里亚姆·苏珊（Miriam Suzanne）
您的列实际上是正确的，并且背景渐变是错误的。这是一个浏览器错误。请参阅文档。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在Susy网格系统中偏移列？
- 2
Susy网格的水平列表
- 3
Susy 2.0响应式网格
- 4
Susy2 Sass：将元素垂直放置在网格列内吗？
- 5
Bootstrap 还是 CSS 网格？- 3 列等高但内容溢出
- 6
尝试使用Rails 4设置Susy网格
- 7
jqGrid结果溢出网格
- 8
Bootstrap网格溢出中心
- 9
CSS网格内容溢出
- 10
jqGrid结果溢出网格
- 11
Bootstrap网格溢出中心
- 12
Android：在GridLayout中添加列会破坏网格，使第一列溢出
- 13
防止CSS网格引起溢出
- 14
如何在具有指定行高的css网格布局中隐藏列的溢出部分？
- 15
在Susy 2中定义全局网格上下文
- 16
Susy Grid没有得到网格填充
- 17
Susy-防止网格在过渡期间创建换行
- 18
Susy Omega问题使列宽正确
- 19
使用Bootstrap网格时文本溢出
- 20
CSS：网格行的内容溢出页面
- 21
CSS网格-当项目太大时，使表格状网格溢出
- 22
CSS：如何让溢出的网格项不影响已定义的网格？
- 23
自举列溢出
- 24
自举列溢出
- 25
接下来使用Susy如何创建带有固定槽的流体柱的网格
- 26
在Susy 2中创建具有不同布局的嵌套网格的最佳方法是什么？
- 27
如何在Susy2中的流体网格系统中制作静态元素宽度
- 28
我可以用Susy堆放列吗？
- 29
Android：如何创建列表项/网格项溢出
我来说两句