如何在两个 960.gs 框之间添加垂直线？

我正在使用 960.gs 网格系统进行设计。在两个盒子之间添加一条细细的分隔垂直线的最佳方法是什么？宽度和颜色应该是可调的。

我的计划是定义几个具有绝对位置和背景颜色的 div 类，每个可能的位置对应一个，并使用 JQuery 确保它与周围的框具有相同的高度。不过，这似乎有点复杂。有更好的解决方案吗？

您可以使用伪选择器实现边框:after和绝对定位，如下所示：

.line:after {
    border-right: 1px solid #000000;
    content: "";
    display: block;
    margin: 1px;
    position: absolute;
    right: -11px;
    top: 0;
    bottom: 0;
}

.grid_1,  .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9,  .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    position:relative;
}

这是一个演示http://jsfiddle.net/andresilich/ZTyf4/show/ http://jsfiddle.net/andresilich/ZTyf4/show/

在这里编辑http://jsfiddle.net/andresilich/ZTyf4/ http://jsfiddle.net/andresilich/ZTyf4/