网页侧栏的拖拽改变侧栏宽度（存在iframe问题）

网页有个类似这样的侧栏，顶部，右侧是iframe标签，拖动侧栏右边界会出现一条黑线，当鼠标松开后，侧栏宽度会达到松开的那个位置。类似于这样的效果：


其中会用到onmousedown onmousemove onmouseup的鼠标事件，但是右侧是一个iframe框,也就是无法将父元素的鼠标事件赋给子元素，请各路大神指点一波

frameset resize来做：http://www.runoob.com/jsref/prop-frame-noresize.html
要么父页和iframe都要添加mouse事件，自己换算坐标