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

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应用于其中一列？