你可以随时摆脱它。

请记住，网格系统可以作为指导，但不是硬性规则。当你设计一个网站时，网格应该服务于内容，而不是相反。960grid 很受欢迎，因为总宽度可以被很多数字整除。

在你开始布局设计之前，我建议你想出一个良好的网站内容流，并创建一些强大的 IA。然后在那之后，看看是否有任何现有的网格系统恰好适合您的内容流。如果没有，请创建自己的网格。

就个人而言，我不使用任何现有的 CSS 网格模板。我发现固定的排水沟宽度和填充太有限了。如果我必须将它们更改几个像素，我最终会重做所有计算。他们的 CSS 也很臃肿，我最终没有使用其中的大部分。

我自己和我们的设计师使用 960 网格进行设计，或者创建我们自己的网格，以达到 992 像素的更大宽度（以适应 1024 x 768 的分辨率）。

网络发展如此之快，以至于我们的团队现在打破了这些限制性网格，并正在使用扩展和收缩技术来填充从小到大的分辨率。我们的设计师与我们才华横溢的开发人员和程序员密切合作，尽可能创建高级界面。

也就是说，我们仍然总是用网格来设置我们的设计。我使用 Photoshop 的网格并将其网格首选项设置为：

• 网格线每 24px 有 3 个细分 ... 或 ..
• 网格线每 28px 有 4 个细分。

然后，使用 Photoshop 的形状，我设置了一个列网格（例如 960 Grid 的可下载资源），其中每一列都是我设置的 Photoshop 首选项中网格的一个分区。这个列网格位于我文件的顶层，我将其锁定，将其设置为透明并在我设计时切换隐藏和显示，用作列的指南。我从不在列内开始主要内容块/元素 - 相反，每个元素都与列对齐。

我还研究基线网格理论，这意味着每一行文本，无论是标题、段落、项目符号、按钮文本等都使用与我的网格系统相关的前导，并且所有文本都位于基线网格上。例如，如果我的 Photoshop 网格设置为 Gridline Every 24px with 3 Subdivisions，那么我的前导是 8px 甚至 24px 的划分... 24、48、96 等 - 随着我的标题等文本样式的增加而增加。

这使得强大的设计！希望这可以帮助。

这是一个很好的问题。我个人会说在设计需要时突破。网格非常适合快速原型制作，也适合任何网站的良好主干，但不要让网格成为网站。网络上的许多 CSS 画廊网站充满了成千上万的网站，它们都紧紧地贴在网格上，遵循几乎相同的布局。通过打破网格，即使是一点点，你已经让自己与众不同。

几句话可能会有所帮助。

“只在某些页面上或仅在某些元素上打破网格，而不是在没有任何结构的情况下放置所有内容要有效得多——这会产生混乱、业余的效果。（即使有人没有实际放置页面上的指南，大多数使用布局的人经常有某种结构，不需要指南。）” - http://www.ideastylist.com/ask-designer/ask-打破规则的设计师

“一旦网格建立起来，由设计师决定何时以及如何打破它。这并不意味着网格系统将被完全忽略。相反，元素可能会从一列跨到另一列，延伸到最后“ - 吉姆克劳斯。“设计基础索引。” 如何设计书籍，2004 年。

而且，不是一篇非常深入的文章，但仍然涵盖了突破网格 - http://www.alistapart.com/articles/outsidethegrid

我个人使用 960.gs，我喜欢它。当涉及到页眉、滑块、内容块、侧边栏、页脚等区域时，我只使用网格系统来布局我的页面。所以我会说你使用了正确的方法。

现在不要说任何一种方式是对还是错，但是这样工作确实会更快。