Css 如何为两个分区制作这种可调整大小的垂直分隔器？

我想知道最好的方法是让两个div（除非这是使用一些表格？）并排排列，用垂直分隔符分隔

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

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

如何使用css/html5/可能是一些javascript来创建它？（divs？或任何带有文本或任何必要说明的基本元素）的示例将非常有用。

有一个for