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

Question

I use a javascript library that places itself on the entire web-browser, the script seems to override the mousewheel events so it disables scrolling. To solve the scrolling issue i added a div on top of it with a layer, if u place the mouse on the div scrolling is possible again.

Code:

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

Now i wonder how i place a similar div with a layer at the right side of the browser, it should be placed to the right side of screen no matter browser size.

How to do this with a layer?

Answer 1

Just add some CSS telling it to be at the right side of the screen ( left isn't the only option for position):

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