Javascript 如何使我的HTML列宽度可调？

我有一个使用三列的HTML应用程序，每一列都是容器对象中的一个div

---

---

我想让这三列都可以调整，文本可以在其中回流和调整

这对框架（请参阅：）非常有用，但我想用我的div复制这种行为

有没有jQuery插件可以做到这一点？我能想到的最好的方法是在内容之间创建一个sliderdiv，类似于

---

有没有更简单/干净/漂亮的方法？这似乎是一个非常标准的请求…

一种基本的方法，可以设置所有相同的宽度：

div {
    float: left;
    width: 33%;
    height: 300px;
    overflow: scroll;
    }

如果您希望允许用户使用拖放方法调整列的大小，那么您需要查看JS框架。下面是一个jQuery示例：

---

我完全愿意使用jQuery解决方案，但在该示例中，我看不到任何锁定多个div的方法，因此，如果我将a向左拖动，B随之出现？如果在div中有一个div，其

分组的

列看起来像是列，该怎么办？

div {
    float: left;
    width: 33%;
    height: 300px;
    overflow: scroll;
    }