我正在用奇点网格系统做我的第一个项目,到目前为止我很喜欢它.但是,我有一个奇怪的问题,我有一个<h2>和<h3>元素重叠的部分...真的很难找出问题是什么.
我的开发项目见:http: //senseslabv3.brunomonteiro.mixture.io/
首先<section>是class=intro.
有没有人知道它正在发生？谢谢你的时间.
正如其他人所说,你需要清除浮子.默认情况下,奇异的输出风格是"隔离",它需要的浮点应该如何得到清除知识(clear: left,clear: right,clear: both,clear: none).奇点假设没有clear(clear: none),这意味着如果没有正确清除网格项可能会重叠.这样做是为了遵循隔离输出方法最常用的心理模型,特别是将块放置在网格上的离散点上.清除浮动将清除它们到项目的边缘边缘,最明显的是通过创建新行.请参阅有关Clear的Mozilla Developer Network文章.
注意,按照lolmaus的建议清除你的花车和clearfixing实际上做了不同的事情.清除浮动将清除项目到边缘边缘,而清除项目将确保所有浮动的子项都被正确包含.
Float输出遵循不同的心理模型,一个遍历网格行,因此会自动为您清除浮动.如果您更喜欢使用Float输出样式作为默认值,只需$output: 'float'在调用网格之前添加到Sass文件中.这将改变您的全局输出样式上下文.或者,您可以使用float-spanFloat输出样式mental model并按需输出grid-span,或者$output-style: 'float'作为选项传递grid-span.
查看输出样式,输出跨度,浮点跨度和上下文覆盖grid-span的文档,以深入了解Singularity中可用的不同输出样式和选项.