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

Question

我想插入一个灰色的垂直分隔线，将两侧平分，以显示逻辑划分。由于两侧内容的高度会根据用户的选择而变化，因此分隔线需要适当缩放——换句话说，高度不能固定。

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

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

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

Answer 1

我不会插入一个元素，而是将两侧的样式设置为等高的列。在左侧使用 border-right 或在右侧使用 border-left 来显示分区。

参见:CSS - Equal Height Columns?有关等高列的指导。