2015-01-26 5 views
0

Как сделать фиксированный позиционированный элемент работы с Neat сеткой? box3 - элемент с фиксированным положением, я не дал ему ширины, потому что хочу, чтобы он поместился в сетку с span-columns(6) и shift(3), поэтому он центрирован. В любом случае, это может произойти? Любая помощь будет оценена по достоинству.Bourbon Neat, как заставить фиксированный позиционированный элемент работать с сеткой?

.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

ответ

0

Ваш живой код не отражает то, что у вас есть выше.

Что касается фиксированного позиционирования, разбивающего решетку, фиксированное позиционирование всегда относительно окна, а не элемента.

Чтобы исправить, поместите обертку в свой класс «.box3», положение, которое зафиксировано, и дайте «box3» высоту.

+0

«Ваш живой код не отражает то, что у вас есть», возможно, потому что этот вопрос был задан 7 месяцев назад. :) – kittykittybangbang

+0

не означает, что это все еще не актуально, я нашел его, потому что у меня была такая же проблема :) Bourbon не очень хорошо обрабатывает фиксированные элементы в столбцах. – good3n