Bourbon Neat，如何使固定定位的元素与网格系统一起使用？答案

【问题标题】：Bourbon Neat, how to make a fixed positioned element work with grid system?Bourbon Neat，如何使固定定位的元素与网格系统一起使用？
【发布时间】：2015-01-26 17:54:23
【问题描述】：

如何使固定定位的元素与 Neat 网格系统一起使用？ box3 是一个位置固定的元素，我没有给它一个宽度，因为我希望它适合span-columns(6) 和shift(3) 的网格，所以它是居中的。无论如何可以做到这一点？任何帮助，将不胜感激。

.test {
  @include outer-container;
  @include padding(15px);
  border: 1px solid red;
.box1 {
  @include span-columns(6); 
  border: 1px dashed green;
  height: 100px;
 }
.box2 {
   @include span-columns(6);
   @include omega;
   border: 1px dashed green;
height: 100px;
}
.box3 {
  @include span-columns
  background:red;
  opacity:.5;
  @include position(fixed);
  padding:30px;
  color:white;
}

Live code is here

【问题讨论】：

标签： sass bourbon neat

【解决方案1】：

您的实时代码未反映您上面的内容。

至于固定定位打破网格，固定定位始终是相对于窗口，而不是一个元素。

要修复，请在“.box3”类中放置一个包装，定位固定，并给“box3”一个高度。

【讨论】：

“您的实时代码无法反映您上面的内容” - 可能是因为这个问题是 7 个月前提出的。 :)
并不意味着它仍然不相关，我发现它是因为我遇到了同样的问题 :) Bourbon 不能很好地处理列中的固定元素。