css - 如何为两个 div 制作这种可调整大小的垂直分隔线？

Question

我想知道最好的方法是让两个 div 并排（除非这是使用某个表？），并由垂直分隔线隔开。

请注意，当处理程序调整大小时，元素似乎正在调整大小以适应新宽度：

请注意，当处理程序进一步调整大小时，它似乎与侧边栏上的元素重叠，只暴露了一点文本。如果用户继续向左调整大小，它将覆盖所有文本。

如何使用 css/html5/也许一些 javascript 创建它？例子会很棒（divs？或任何带有文本或任何必要说明的基本元素）。

Answer 1

有一个用于jQuery的拆分器插件。