实现 DIV 固定定位在网页主体部分最右侧

position:fixed 相对于窗口的固定定位，这个窗口可理解为可视窗口，除了浏览器自己的东西，剩下的就是这个可视窗口。而大部分的网页都是窄屏设计，比如说网页主体部分固定宽 1200px，或者自适应随着窗口大小变化，除了主体部分，其他部分都是留白处理。如下图所示：

要实现这个需求有两个解决办法：

1、css 中的固定定位思路

　　① 给这个 div (div 一定要在主体部分 div 里面)加一个父级 DIV;

　　② 设置父级 DIV 的样式：宽设置为 inherit，高等于 div 的高、position:fixed、top 设置离窗口的距离(left 不要设置)、z 轴随情况定;

　　③ 设置 div 的样式：float:right(不想最右侧，可以加个 margin-right)。

这样就搞定了，如下图所示：

2、js+css 实现思路

　　① 设置 div 的样式：position:absolute、top 设置离窗口的距离、right设置离主体部分右侧的距离;

　　② 用 js 来获取网页滚动距离，然后将 div 的 top 值加上这个滚动距离。

 

右下角的返回顶部就是通过第一个思路实现的，小伙伴们还在等什么。