CSS網格框架百分比

我實現一個CSS網格作爲一個學習的經驗，並根據我下面的學習和閱讀上：CSS網格框架百分比

百分比基於網格處理三分之二時，最有意義，但是，如果分數加起來達到100％，這是如何工作的？

33％+ 33％+ 33％顯然是99％ - 這對於在網格佈局的CSS框架中使用第三方有什麼影響（如果有的話）？

最後，爲什麼這麼多的框架傾向於關注這麼多的列單元？例如，YUI Pure支持24個單元，這使得第一眼看不清楚CSS以及爲了提供更多「像素完美精度」而更難理解？

對我來說，最多支持4或5列似乎是合乎邏輯的，並且在網格內嵌入網格以獲得更精細的佈局控制。

使用網格刪除像素精度的任何方式不是嗎？無論如何，現在每個網站都被分成4列或5列。

意見，經驗，建議????

如果您查看的文章，「三分之二」被定義爲33.33％，這是一個非常接近100％（99.99％）乘以和克里斯的觀點是，當這是足夠接近。如果你想像素完美的準確性......不要那樣用。 –

雅的好處......我可能會想......或者在想......如果你只有4列，並且不得不在網格內嵌入網格，它可能會節省CSS但可能需要更多標記，認爲...這很有趣，但這個級別的CSS對我來說是非常新穎的:) –

24可以很容易被多種因素整除，從而給出更多的差異。 – Xareyo

幾個答案，多（好！）問題，你提出：

百分比並不需要是整數。所以做width: 33.3333%可以讓你非常接近100％。如果不加上100，會使你的寬度縮小一點，但如果你足夠接近，沒有人會注意到。
爲什麼這麼多列？因爲內容大小不一，而且列數越多，網格的適應性就越強。這裏有一篇關於「Grids Good（Right？）」的網格的精彩演講，雖然幾年之後，仍然值得一看。這是a PDF或on slideshare

2014-01-17 16:52:01 veddermatic

關於列，它可以讓你posititioning元素更多的控制。我通常使用16網格系統（4,4,4,4）作爲我的桌面佈局，但如果您想將其從col_3定位到col_6，則可以使用它。

我提供了一個視覺輔助的圖片。

24 grid system

2014-01-17 17:04:38

回答