Css 大于父级且溢出的DIV：隐藏；职位：相对

当祖先DIV具有style

overflow:hidden时，如何显示大于其祖先的DIV；位置：相对位置

以下是一个例子：

HTML:

下面是这个例子

我试着用
位置：绝对
，
溢出：可见
，
右：-100px
的各种组合来设置content DIV的样式，但都没有用

如何设置content div的样式以使其完全可见？
我无法使用
容器
类修改父DIV，只能修改其中的内容。
如果希望将内容的位置绑定到容器，除非您使用javascript更新滚动条上的位置，并将内容的位置设置为固定而不是绝对位置，否则基本上无法显示。实际上，您无法使用溢出：隐藏来显示元素内部的div，但我为您提供了解决方案。
您可以使用
overflow:auto
为div赋值，这样用户就可以滚动x


.container{
位置：相对位置；
填充：10px；
溢出：隐藏；
宽度：自动；
边框：1px实心；
高度：50px；
}
.内容{
位置：绝对位置；
溢出：自动；
边框：5px纯红；
宽度：自动；
填充：10px；
}

__________________________给我看看
short-version：您不能。长版本：您可以使用position fixed，但随后content div将与屏幕一起滚动，我认为您必须以某种方式将
.container
修改为
overflow:visible
或其width@Pete谢谢，职位：固定的适合我。你会把它作为答案发布吗？啊，把它交给Erikzy——我认为这不是一个足够好的解决方案，因为滚动的缺陷——如果我要用js来解决这个问题，我可能只需要包装容器并将内容移动到包装器中——为什么你需要（或者不能删除）
overflow:hidden
在父对象上？谢谢，但是滚动看起来很难看：-）最好的解决方案是更改
overflow:hidden
在您的
容器中
为什么不这样做？
<div class="container">
  <div class="content">
  __________________________SHOW_ME
  </div>
</div>

.container {
  position: relative;
  padding: 10px;
  overflow: hidden;
  width: 10em;
  border: 1px solid;
  height: 50px;
}

.content {
  position: absolute;
  overflow: visible;
  border: 5px solid red;
}