js-如何實現在某個固定區域內顯示浮動效果啊

如何實現在某個固定區域內顯示浮動效果啊

我想實現的是，在一個大的div內放兩個小div，左右排版，右側是固定的，左側是隨著右側的內容向下走實現浮動效果，但是不能超出最外面的那個大的div，如何實現比較簡單，求指教

最佳回答：

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，停止方法。