Html 获取要附加到正确div的滚动条

我有一个“弹出”表，它是一个固定元素。表格有时太高，无法在某些屏幕上显示，因此我将

overflow

设置为

auto

。然而，滚动条看起来与弹出表分离，因为它只有整个“毯子”（覆盖屏幕）宽度的80%。有没有办法让滚动条直接连接到弹出表的右侧而不留间隙？这里有一个例子来告诉你我的意思。多谢各位

html

<div id = "blanket">
  <div>
    <table align = "center" id = "popUpTable">
      <tr>
        <td>fixed pop uptable</td>
      </tr>
      <tr>
        <td>one</td>
      </tr>
      <tr>
        <td>two</td>
      </tr>
      <tr>    
        <td>three</td>
      </tr>
      <tr>    
        <td>four</td>
      </tr>
    </table>
  </div>    
</div>

<div>background stuff<br>background stuff<br>background stuff<br></div> 

---

添加以下内容似乎可以做到这一点

#blanket {
    width:80%;
    left:50%;
    margin-left:-40%;
}

#popUpTable{
    width:100%;
}

---

Fiddle:

则弹出表不在screen@user2014429好啊我没有意识到这是一个要求。我来看看有什么选项。@user2014429也给

#毯子{宽度：80%}

怎么样？那么桌子的理想高度是多少？

#blanket {
    width:80%;
    left:50%;
    margin-left:-40%;
}

#popUpTable{
    width:100%;
}