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.) */
}