Javascript 溢出x：可见；不'；t使用溢出-y：自动；有解决办法吗？

我正在努力

.item {
   width: 100px;
   overflow-x: visible;
   overflow-y: auto;
}

但垂直溢出：自动似乎覆盖了水平溢出

小提琴：

---

有什么解决办法吗？即使有一点javascript，也不能，这是在规范中编写的

请看这里：

---

由于它是在规范中编写的，我99%确信这是不可能的。

更好的演示：顺便说一句，您不必显式设置

overflow-x:visible

-这是默认的演示。

overflow-y:auto表示垂直滚动条可能存在，也可能不存在。我猜，垂直滚动条表示水平边界，因此如果出现垂直滚动条，浏览器不允许文本水平溢出。因此，如果
overflow-y:auto，
overflow-x:可见不适用。但那只是我的猜测。好问题。绝对不是预期的行为。请注意，如果您取出包装，问题就消失了（当按照描述保留溢出时）…根据规范，如果一个设置为
可见
，另一个设置为
自动
或
滚动
，则
可见
更改为
自动
。如果您对javascript解决方案感到满意，那么将两者都设置为
hidden
，并使用其中一个javascript滚动条。但我认为您可能应该重新审视您试图实现的效果，因为不管怎样，内容最终都需要被剪裁——即使是在窗口级别。javascript解决方案呢？javascript不是魔术！无论指令是来自css还是javascript，这种事情都是由浏览器本身在较低级别上实现的。我不是说这是不可能的，我只是说这会让人惊讶，而且会违反规范。这是书面规范？？这是什么意思。。。。。。你是说这不是臭虫，卖主会这么做吗fully@RavinderPayal是的，这正是它的意思。如果存在滚动条，浏览器就应该隐藏溢出，因为在内容的中间不应该有滚动条。一种方法是将元素定位在根（body的直接子元素），然后使用javascript定位元素。