Html CSS垂直滚动条，我想放在右边

我有一个垂直的crollbar，我想坐在我的网站工作页面的右侧，但似乎看不到它可以如何移动，希望能得到一些帮助

这是HTML

   <div class="heading">

   <h1>PRINT</h1>

    <div class="scrollbar" id="style-6">
  <div class="force-overflow">
  </div>
   </div>

   </div>

   <p>&nbsp;</p>



   <div class="blog-container">

<div class="work_thumbs">
  <li class="print">
    <div><a href="Work/Tree Top News/treetopnews.html"><img src="../Images/Tree Top News/Thumbs/TTN2.jpg" alt="Tree Top" border="0" class="thumb">TREE TOP NEWS</a></div>
  </li>

      <li class="print">
    <div><a href="Work/Harrow Council/harrowcouncil.html"><img src="../Images/Harrow Council/Thumbs/Harrow Logo.jpg" alt="Harrow Council" border="0" class="thumb">HARROW COUNCIL</a></div>
  </li>

      <li class="print">
    <div><a href="Work/Regent Care/regentcare.html"><img src="../Images/Regent/Thumbs/Regent logo.jpg" alt="Regent Care" border="0" class="thumb">REGENT CARE SERVICES</a></div>
  </li>

      <li class="print">
    <div><a href="Work/NLCS/nlcs.html"><img src="../Images/NLCS/Thumbs/NLCS Logo2.jpg" alt="NLCS" border="0" class="thumb">NLCS</a></div>
  </li>

     <li class="print">
    <div><a href="Work/Aish/aish.html"><img src="../Images/Aish/Thumbs/AHC.jpg" alt="Aish" border="0" class="thumb"> AISH</a></div>
  </li>

     <li class="print">
    <div><a href="Work/Dental Perfection/dentalperfection.html"><img src="../Images/Dental/Thumbs/Dental Perfection Logo.jpg" alt="Dental Perfection" border="0" class="thumb"> DENTAL PERFECTION</a></div>
    </li>

     <li class="print">
    <div><a href="Work/FJL/fjl.html"><img src="../Images/FJL/Thumbs/FJL Logo.jpg" alt="chicago graphic design" border="0" class="thumb">FJL</a></div>
     </li>

                  <li class="print">
    <div><a href="Work/Canons High/canonshigh.html"><img src="../Images/Canons high/Thumbs/Canons.jpg" alt="Canons high school" border="0" class="thumb">CANONS HIGH SCHOOL</a></div>
     </li>

                   <li class="print">
    <div><a href="Work/NCSY/ncsy.html"><img src="../Images/NCSY/Thumbs/NCSY cover.jpg" alt="NCSY" border="0" class="thumb">NCSY</a></div>
  </li>

                  <li class="print">
    <div><a href="Work/Graham Allcott/grahamallcott.html"><img src="../Images/Graham Allcott/Thumbs/GA.jpg" alt="NCSY" border="0" class="thumb">GRAHAM ALLCOTT</a></div>
  </li>

---

提前感谢您的帮助

快速查看了您的代码，发现标记存在一些问题：

试试这个-

css已更改： .滚动条 { 左边距：0px； 浮动：对； 高度：300px； 左：200px； 背景:#f5； 溢出y：滚动； 边缘底部：25px； }

    .force-overflow
    {

    }

请注意html也从

<div class="scrollbar" id="style-6">
  <div class="force-overflow">
  </div>
   </div>

   </div>

到

将页面中的两个收尾div向下移动

---

这就是你要找的吗？

代码太多了，伙计。只张贴必要的部分，我可以建议一点缩进吗？或者创建一个提琴。我所包含的代码与问题相关，但滚动条应该只面向

rtl

用户。另外，请尝试清理一下你的代码，它很混乱，包含很多不必要的代码。那里的所有代码都需要存在，如果我这样做了，我会在网站上删除重要的内容。当地球对我的问题有错误时，需要人们投这么多不好的票，这太可笑了。少帮助多阻碍谢谢，真的很有帮助。唯一的问题是，我的容器现在在“scrollbar”div中，已经向左移动，看不到如何将它恢复到原来的位置？请将它放到JSFIDLE中，并提供一些屏幕截图，如果您更改，这里是屏幕截图。scrollbar从float:right到float:left；我们应该解决它

<div class="scrollbar" id="style-6">
  <div class="force-overflow">
  </div>
   </div>

   </div>

    <div class="scrollbar" id="style-6">
  <div class="force-overflow">
  </div>