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

回答