波本威士忌，如何使一个固定的定位元素与网格系统一起工作？

Question

如何使固定定位元素与纯网格系统一起工作？ 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

你活的代码并不能反映你有什么上面。

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

要修复，请在您的“.box3”类中放置一个包裹，将其固定，并将“box3”放置一个高度。