overflow=scroll 之后，怎样让子标签的内容，显示在父标签之外呢？

parent 标签的 overflow 设置为 scroll 之后，child 的内容，如果溢出了 parent 的宽高范围，想要不被裁剪，怎么做呢？

<div class="parent" style="overflow:scroll">
  ...
      <div class="cccchild">
            something need to be visible even if overflows parent
      </div>
</div>

这样的需求应该说并不奇特吧。

我发现 parent 的 overflow 一旦被设置为 scroll，或者说是 scroll/hidden/auto 这些“具有滚动机制”的选项，就会对所有的 child递归裁剪，没有 child 能逃脱。所以想要实现溢出不被裁剪的效果，似乎只能借助“position:absolute”这种脱离文档流的方式了。

但脱离文档流就有些不太直观——溢出到 parent 外面的内容，仍然是属于 cccchild 里面的，也会随着 cccchild 的滚动而滚动，感觉一旦脱离了文档流，处理起来会麻烦很多。

我的理解对吗？还有更简洁直观的方法吗？ 前端经验还欠缺，请大家不吝指点。