使用Semantic.gs嵌套列固定佈局

我已經實現與Semantic.gs和一些嵌套列的流動佈局事半功倍。但是現在我們的客戶決定他們希望佈局得到修復。使用Semantic.gs嵌套列固定佈局

我想我可以簡單地註釋掉@總寬度：在grid.less 100％，但是現在其他LESS文件給出一個錯誤上與.row（）混入線。

是否有解決方法？

這裏是grid.less

///////////////// 
// Semantic.gs // for LESS: http://lesscss.org/ 
///////////////// 

// Defaults which you can freely override 
@column-width: 20; 
@gutter-width: 10; 
@columns: 47; 


// Utility variable - you should never need to modify this 
@gridsystem-width: (@column-width*@columns) + (@gutter-width*@columns) * 1px; 
// Set @total-width to 100% for a fluid layout 
//@total-width: @gridsystem-width; 
//@total-width: 100%; 
// Uncomment these two lines and the star-hack width/margin lines below to enable sub-pixel fix for IE6 & 7. See http://tylertate.com/blog/2012/01/05/subpixel-rounding.html 
@min-width: 980; 
@correction: 1/@min-width * 100 * 1.5%;

的相關部分這裏是LESS文件的有問題的部分。少編譯器給出了錯誤「編譯器錯誤變量@總寬度是不確定的（線：292）」，這是與.row（）屬性行：

#v_main_wrapper{ 
    position:relative; 
    float:none; 
    .row(47); 
    &:after{ 
    content: ""; 
    display: table; 
    clear: both; 
    } 

}

來源

2013-03-07 Maureen Dunlap

請提供一些代碼！ – Bigood 2013-03-07 17:12:56

對不起，編輯後顯示代碼 – 2013-03-07 18:02:17

我會認爲你會想這樣的：

@total-width: @gridsystem-width; //leave this uncommented, to calculate width 
//@total-width: 100%;

來源

2013-03-07 19:09:32 ScottS

感謝ScottS。這對我的嵌套列不起作用，它只是將它們堆疊在一起。我最終將總寬度設置爲980，與最小寬度相同。 – 2013-03-08 14:02:16

@MaureenDunlap：我考慮過這個建議，但不確定這是否能解決你所有的問題。從理論上講，它似乎我要重新計算你的列數，列寬和溝的寬度，從而taht的'@ gridsystem-width' = 980，然後它計算出來。但是，如果只是將它編碼爲980爲你工作，那就太好了。 – ScottS 2013-03-08 14:42:49

使用Semantic.gs嵌套列固定佈局

回答

相關問題