2014-02-05 33 views
0

任何人都可以使用奇異性的隔離跨度方法來幫助我嗎?它實際上並不清楚。我放置了一個文件/ div(class .special),其中使用了隔離跨度(4,3,'both'),並且由應該遵循的兩列(使用網格跨度)覆蓋。 '兩'是爲了清除任何後續divs,但沒有。我必須在隔離跨度之後添加一個空的div(id = spacer),並且甚至必須給這個空的div一個隔離範圍(1,1,'both')以使其全部清楚。我已經爲此使用了不同的位置,並且這是實現它的唯一方法。我用'Bundler'來安裝Singularity 1.1.2和各種依賴作爲Ruby 2.0的寶石。我包含.scss。 .left_inset可以正常工作。如果沒有我的解決方法,這是特殊的。 HTML只是lorem填充符的幾個左右段落,網格爲3,8($ breaktab)和12($ breakdesk)。除了.special隔離範圍外,一切都可以工作。奇異性隔離跨度無法清除

#main { 
    #special { 
     border-left: 1px solid white; 
     border-right: 1px solid white; 
     padding: 10px; 
    } 
    @include breakpoint($breaktab) { 
     .left { 
      @include grid-span(4, 1); 
     } 
     .right { 
      @include grid-span(4, 5); 
     } 
     .left_inset { 
      @include isolation-span(3, 2, 'both'); 
     } 
     .special { 
      @include isolation-span(4, 3, 'both'); 
     } 
    } 
    @include breakpoint($breakdesk) { 
     .left { 
      @include grid-span(6, 1); 
     } 
     .right { 
      @include grid-span(6, 7); 
     } 
     .left_inset { 
      @include isolation-span(5, 2, 'both'); 
     } 
     .special { 
      @include isolation-span(6, 4, 'both'); 
     }  
    } 
} 
#spacer { 
    @include breakpoint($breaktab) { 
     @include isolation-span(1, 1, 'both'); 
    } 
} 

答案可能使。左塊到像這樣的浮動跨度:

@include breakpoint($breaktab) { 
     .left { 
      @include float-span(4, 'first'); 
     } 
     .right { 
      @include grid-span(4, 5); 
     } 
     .left_inset { 
      @include isolation-span(3, 2, 'both'); 
     } 
     .special { 
      @include isolation-span(4, 3, 'both'); 
     } 
    } 

那然後編譯正確,並強制隔離跨度後的塊清除。

回答

0

此問題似乎是因爲您正在將both包裝在引號中,該引號將其作爲字符串打印出來。不引用它們將它們打印爲值並清除工作正常。請file an issue讓我們知道引用問題,我們將在Singularity 1.2.0發佈之前查看它。

+0

謝謝。該wiki清楚地顯示了帶有引號的隔離跨度(4,3,'both')。我刪除了引號,並刪除了隔離區div。回到原來的格子,後面的兩個div(實際上是文章)。我從.inset隔離範圍中刪除了引號,並且.inset仍然有效。我試圖將.special移動到斷點之外(換句話說就是直接在main內部的樣式,沒有運氣)。如果我簡單地放下隔離跨度而不把它放在斷點內,它就會清除,但會坐到右側, – prasutagus

+0

如需更多幫助,請嘗試將您的問題複製到Sassmeister(http://sassmeister.com/)併發布到問題隊列 – Snugug

+0

我已經查看了編譯的CSS使用LiveReload。隔離跨度之後的兩個塊是class .left和class .right。class .left具有清晰的右邊和左邊的浮動。如果我更改CSS清除左邊的左邊浮動,隔離跨度就像它應該那樣工作所以SCSS不會編譯成使CSS正常工作的方式,現在我將檢查依賴關係,看看有什麼地方出現錯誤,毫無疑問,這個錯誤將會在我的某個地方! – prasutagus