问题标签 [columnal-css-framework]

我从来没有遇到过这样的事情，但它看起来有点奇怪..我习惯于以这种格式看到它（Columnal中的上一行）：

首先，第一个代码示例是做什么的？我需要担心它的格式吗？谢谢

I am using the columnal(http://www.columnal.com/) responsive grid framework and am trying to create a vertical divider line in between columns that will stay centered in the right margin as the viewport is resized.

I have tried a couple of solutions using background images and pseudo elements but neither has been successful. The right margin is used by the columnal framework so this can't be used as part of the solution which is why I think a vertically repeating background image or pseudo element is required.

I am also trying to avoid using additional html elements in the code, I would like to keep this as clean as possible. However if that's the only solution, then so be it.

Here's the HTML:

and here's the CSS:

I've put it up as fiddle here which also includes a little more explanation:

http://jsfiddle.net/NtuZJ/12/