如何实现在某个固定区域内显示浮动效果啊

`div{ width:100%;height:100%; /重要属性/ position:relative; overflow:hidden;}
leftDiv{width:30%;/重要属性/ position:absolute; left:0; top:0;}
right{width:30%;height:100%;/重要属性/ position:absolute; right:0;right:0;}`

要是这么灵活的浮动，css一定要拒绝使用float，改用position。
js的话不好写，有些多，只给思路吧。
先获取大层div高度，左侧div高度。
左侧移动，只用改变leftDiv的top属性，可以加上jquery的animate()效果。
[](http://www.w3school.com.cn/jquery/jquery_animate.asp "jQuery animate()")

左侧随着右侧浮动，可以借助鼠标定位判断。
[](http://www.cnblogs.com/ggbd-lie/archive/2012/08/27/2658722.html "js取鼠标坐标位置")

左侧不能超出大框，根据鼠标定位来判断。
如果leftDIV的top小于0，强制top=0；，停止方法。
如果leftDiv的top大于大框的height减去左侧的height，强制top=大框的height减去左侧的height，停止方法。