问题描述

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

我想实现的是，在一个大的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，停止方法。

解决方案二：

在线等，求大哥大姐解答

解决方案三：

这个用JavaScript实现是最好的,当文档加载后,设置一下左侧的块区的高度百分比就可以了,或者将高度设置成与右边相等的高度就可以了。
你可以试试看的。
还有一种是用绝对定位和相对定位了,这种方法我也不熟悉,如果你用的话,可以在网上搜一下用法,然后看看能不能实现。

解决方案四：

右侧滚动左侧不动？还是？

解决方案五：

右侧框是不动的，左侧是跟着右侧浮动的，但是浮动不能超出最外面的这个大框