HTML如何在页面右侧放置固定宽度的div

Question

我使用了一个将自己放置在整个网络浏览器上的JavaScript库，该脚本似乎覆盖了mousewheel事件，因此它禁用了滚动。 为了解决滚动问题，如果您将鼠标放在div上，则可以再次滚动，因此我在其顶部添加了一层div。

码：

<div style="position:fixed; top:0; left:0; z-index:3;"><div style="height:10000px; width:180px; background-color:#ccc;"></div></div>

现在我想知道如何在浏览器的右侧放置一个类似的div层，无论浏览器大小如何，都应将其放置在屏幕的右侧。

如何用一层做到这一点？

Answer 1

只需添加一些CSS告诉它在屏幕的右侧（ left不是唯一的位置选项）：

#my-div-on-the-right {
  position: fixed;
  right: 0;
  /* whatever other styles (width, height, top, bottom, etc.) */
}