如何以正確的方式設置自定義列寬？

我有一個網格（我正在使用「迷失網格」）和兩列。一個是300像素，第二個是630像素，容器是950像素（20像素將保證金）。下面是代碼：如何以正確的方式設置自定義列寬？

.grid1{ 
    width: 100%; 
    lost-center: 950px; 
    lost-utility: clearfix; 
} 

.grid1__item{ 
    lost-column: 0.65895/2 0 2.11%; 
} 

.grid1__item_big{ 
    lost-column: 1.32632/2 0 0; 
}

它是確定設置寬度是這樣的：(0.65895/2)，還是我做錯了什麼？如果我這樣設置：(1/2)，我無法得到我需要的寬度。

來源

2016-02-04 Денис Могила

如果您的問題真的是「是否可以」你可以嘗試運行您張貼到得到答案的代碼..否則你應該告訴我們究竟是什麼問題是你有。爲什麼你需要這些特定的分數？ – whrrgarbl

在css calc上閱讀https://developer.mozilla.org/en-US/docs/Web/CSS/calc – foreyez

嘗試使用此http://codepen.io/BackS/pen/OMBQKy

.grid1__item{ 
    lost-column: 300/950 0 0; 
    margin-right: 20px !important; 
} 

.grid1__item_big{ 
    lost-column: 630/950 950 0; 
}

來源

2016-02-06 17:08:49 sglazkov

這可以工作，但它的不好的做法....如果你使用！重要的是它的時間來停下來思考上游出錯的地方，或者可能丟失的柱子，而不是你想要用於這種情況的東西 – heug

如何以正確的方式設置自定義列寬？

回答

相關問題