最近因为项目需要，所以学习了jquery.ui的是resizable的使用，大概说下功能，可以支持页面的div通过拖拽改变这个div的大小，同时可以改变同一行的另外一个容器的大小。上个我做的demo的图片给大家看看，是不是就是你们想要的:
这个ui插件，其实菜鸟教程都有教，但是都太基础了。
我自己呢，几乎也是找遍了所有了的博客，没有找到相关自己中意的，于是自己就搞了一套，经过三次迭代，包括：
1、实现基础的简单拖拽伸缩
2、实现了拖拽区自定义（就是上图中的黑色框框部分，鼠标悬浮上面就可以动态改变左右两个容器的大小了）
3、实现了拖拽区的视图高度固定，如果高度不固定，那么当左边或者右边容器上下拉动滚动条，会出现拖拽区断层情况，导致向下拉动的时候，没有拖拽区了，而不能拖动了。
4、实现左右拖动的时候，不管右边容器内容是什么内容，都不会卡顿。笔者通过设定拖动的时候隐藏容器的内容，停止拖动的时候显示容器内容来实现这个功能的。
不想细说，直接上demo的链接，去下载吧，不懂的，或者想要拓展的，联系笔者：[email protected]