css overflow 使用？

Question

这是现在的样子。

我希望的是
在 y 轴出现滚动条
在 x 轴上超出仍然显示，就像现在这种情况

---

但这行不通。
这是什么原因呢？有解决方法吗？

Answer 1

x轴超出与否无限制,是什么意思,不显示滚动条?那就是overflow: hidden 就行了

Answer 2

overflow-x: hidden

initial为继承父元素，也就是默认的visible。如果overflow-x和overflow-y值相同则等同于overflow。如果overflow-x和overflow-y值不同，且其中一个值显式设置为visible或未设置默认为visible，而另外一个值是非visible的值。则visible值会被重置为auto。