Bourbon Neat，如何使固定定位元件与网格系统一起工作？

Question

如何使固定定位元素与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

Answer 1

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

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

要修复，请将内容放入＆＃34; .box3＆＃34;类，固定的位置，并给出＆＃34; box3＆＃34;高度。