扩展位置绝对div超出溢出隐藏div

我已经好几个月没有做过CSS了，所以我可能会错过一些简单的东西，但无论解决方案是什么，我都无法弄清楚。所以问题就在这里。

这是我的代码的简化版本：

<div id="wrapper" style="position: fixed; overflow: hidden; height: 100%; width: 200px;">
  <div id="test" style="position: absolute; margin-left: -200px;"></div>
</div>

所以基本上，我需要内部 div 测试向左延伸 200px，位于外部 div 包装器之外。问题是我的包装器是溢出：隐藏的，它不允许出去。 由于我正在使用一些js插件，我需要它保持溢出：隐藏状态。

那么有什么解决方法吗？ 谢谢

唯一的选择是将该 div 移到外部overflow:hidden分区你不能说隐藏这个 div 中溢出的所有内容——除了这个 div ......让我们破例.

您可以在层次结构中再引入一层，其中内部 div 是溢出隐藏的，而外部 div 不是。然后将该定位元素放置在外部 div 中。一个伪例子是：

<div class="outer">
  <div class="inner" style="overflow: hidden;">
    ....
  </div>

  <div class="abs-positioned">
  </div>
</div>

如果碰巧你在旧的 div 上定位了overflow:hidden，您可以将该设置移至outerdiv，让东西正确定位。

所以简短的回答是：没有任何解决方案可以让你做你想做的事而不改变你的CSSoverflow:hidden或者不改变你的标记。