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

Javascript HTML如何在页面右侧放置固定宽度的div,javascript,html,Javascript,Html,我使用了一个javascript库,它将自己放在整个web浏览器上,脚本似乎覆盖了鼠标滚轮事件,因此它禁用了滚动。为了解决滚动问题,我在它上面加了一个div,如果你把鼠标放在div上,滚动是可能的 代码: 现在我想知道如何在浏览器的右侧放置一个类似的div,它应该放置在屏幕的右侧,而不管浏览器大小如何 如何对层执行此操作?只需添加一些CSS,告诉它位于屏幕右侧(left不是位置的唯一选项): 你可能也想在这里包括顶部和底部,对吗?也许还有一个宽度。。。除非内容会把它推到你需要的大小。@Ric

我使用了一个javascript库,它将自己放在整个web浏览器上,脚本似乎覆盖了鼠标滚轮事件,因此它禁用了滚动。为了解决滚动问题,我在它上面加了一个div,如果你把鼠标放在div上,滚动是可能的

代码:


现在我想知道如何在浏览器的右侧放置一个类似的div,它应该放置在屏幕的右侧,而不管浏览器大小如何


如何对层执行此操作?

只需添加一些CSS,告诉它位于屏幕右侧(
left
不是位置的唯一选项):


你可能也想在这里包括顶部和底部,对吗?也许还有一个宽度。。。除非内容会把它推到你需要的大小。@RichardHealy,是的,非常肯定。我只是在展示相关部分。不过,为了清楚起见,我会更新我的答案。谢谢你。@LordVermillion如果你想出了另一个解决方案,你可以发布它并接受你自己的答案或接受这个答案。或者什么也不做:)。
<div style="position:fixed; top:0; left:0; z-index:3;"><div style="height:10000px; width:180px; background-color:#ccc;"></div></div>
#my-div-on-the-right {
  position: fixed;
  right: 0;
  /* whatever other styles (width, height, top, bottom, etc.) */
}