网格系统对于Web前端人员来说不是一个陌生的话题了，在w3cplus上介绍网格系统的教程并不少，不过这些网格系统都有其类似之处。在HTML中为了能应用好网格，都需要添加一些类名，而在样式中，不管你用了几列网格，都有一大串的样式代码。这让一个有代码洁癖的人员来说，总觉得不爽。幸好，CSS预处理器的出现，如Sass。可以让你的代码变得更简单一些，但和以前的网格也极其类似。有时试想，有没有更好的呢？今天看到Sebastian Ekström的Create a CSS grid using calc()觉得很有意思，通过calc()和Sass的结合，生成需要的网格。希望此篇文章对大家有所启发。
