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

Question

如何使固定定位的元素与 Neat 网格系统一起使用？box3 是一个位置固定的元素，我没有给它一个宽度，因为我希望它用span-columns(6)and适合网格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;
}

实时代码在这里

Answer 1

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

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

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