在布局中不显眼地插入垂直分隔线

Question

我想插入一个灰色的垂直分隔线，将两边均匀分开以显示逻辑分区。由于双方的内容可以根据用户选择的高度而变化，因此分隔符需要适当缩放 - 换句话说，不能固定高度。

顺便说一句，理想情况下，这个样式元素是我可以有条件地插入和删除的东西。显然，某种div可以最大程度地控制。

这是我现有的HTML / CSS代码：

http://jsfiddle.net/keruilin/u5GgT/47/

Answer 1

我不是插入一个元素，而是将两边的样式设置为等高的列。使用左侧边框右侧或右侧边框左侧显示分区。

有关等高列的指导，请参阅：CSS - Equal Height Columns?。

Answer 2

如何将border-left: 2px solid gray或border-right: 2px solid gray应用于其中一列？