Html 溢出-y影响容器中元素的可见性

我有一个div，其中一些内容的相对位置为负值。我希望跨距显示在其容器上方的x轴上，但overflow-y正在剪切我的文本。我需要一个垂直滚动条

我不想要水平卷轴。 我想要一个垂直卷轴。 文本应显示在容器上方

我该怎么做

<div id="test">
    <span class="row"> Text Text Text </span>   
    <span class="row"> Text Text Text </span>  
    <span class="row"> Text Text Text </span>   
</div>​


#test {
    height:100px;
    width:100px;
    clip: rect(auto,auto,auto,auto);
    overflow-y: auto;
}
.row {
    position:relative;
    left:-11px;
    display: block;
}​

文本文本文本
文本文本文本
文本文本文本
​
#试验{
高度：100px；
宽度：100px；
剪辑：rect（自动，自动，自动，自动）；
溢出y：自动；
}
.行{
位置：相对位置；
左：-11px；
显示：块；
}​

。尝试删除溢出-y以查看发生了什么。 我需要像这样的东西：但与垂直滚动

这就是我努力实现的目标： 蓝色部分是垂直滚动条（我没有时间画它）

---

比使用

溢出-x:auto也可以，或者更好的是，省略这两个选项并使用
溢出：auto
，对于您试图实现的目标仍然有点困惑。不过我玩过这个



文本文本文本
文本文本文本
文本文本文本
文本文本文本
文本文本文本
文本文本文本
文本文本文本
​​​​
#试验{
左边距：50像素；
边缘顶部：50px；
边框：1px纯黑；
高度：100px；
宽度：100px；
}
.span集装箱{
左边距：50像素；
边缘顶部：50px；
溢出y：滚动；
溢出x：可见；
高度：100px；
宽度：200px
}
.行{
位置：相对位置；
左：-11px；
显示：块；
}​
我希望有人能证明我错了。我认为它不可能在css中使用溢出。我使用了overflow-x:visible；，而且滚动条似乎有一个内置的裁剪功能（毕竟，你不希望内容在滚动条上下移动）。然而，也许有一种聪明的方法可以复制它

编辑：我的“证据”是

overflow-x: visible; !important
overflow-y: auto;

它不会添加滚动条，但如果您删除
！重要信息
是的。
为什么有否定位置？这似乎是设计问题。不是文本，而是图像。我简化了密码，没有。我补充了更多的评论。我不想要水平卷轴。我也不知道@Tony想要实现什么。也许这个问题可以改写得更清楚些。我想说清楚，：）。。。我刚刚加了一张照片。。。。图片中的蓝色部分是一个垂直滚动条。div中有更多的文本，但您必须垂直滚动才能看到它。是否有理由将跨距设置为-左位置？或者你是想适应滚动条？如果你取下那个负的位置，滚动条会相应地自我调整。原因是它必须看起来像是部分在它的容器外面。我不想要水平的滚动条，只是垂直的哼哼。你是说这是不可能做到的吗？看起来不像css。我试过一些方法，但没有成功。你能用一个背景图像然后在上面用一个透明的滚动div来“伪造”它吗？不要像你想象的那样使用溢出。也许是按照克里斯说的做，或者类似的事情。如果你能把你想通过这件事完成的事情包括进来，你可能会得到一些好的解决方法的建议，或者更好的事情。
overflow-x: visible; !important
overflow-y: auto;