波旁整洁，如何使固定定位的元素与网格系统一起工作

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;
}

实时代码在这里

Answer 1

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

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

要修复，请在".box3"

类内放置一个包装，放置固定的位置，并给"box3"一个高度。