Overflow-x: hidden 和 overflow-y: visible 添加滚动条。

Question

7

我有一个表行：

<ul>
<li>This</li>
<li>is</li>
<li>my</li>
<li>cell</li>
</ul>

还有一些CSS：

UL { height: 30px; float: left }
UL LI { width: 25%; height: 100%; float: left }

这个很好用。但是当我添加下面的CSS时：

UL LI { overflow-x: hidden; overflow-y: visible }

单元格中的滚动条变为可见。

overflow 的默认值为 visible，不显示滚动条，但是当我只改变其中一个轴时，滚动条就会出现。

我需要剪切 X 轴并保持 Y 轴可见（用于单元格文本省略和下拉菜单）。

- Jared

这似乎是一个已知的“bug”。感谢侧边栏中的“相关问题”引导我到另一个问题！ - Jared

能否提供问题的Fiddle演示，以便我们可以确定问题所在？ - SaurabhLP

@SaurabhLP 如果你真的想要，你可以创建自己的fiddle，因为我实际上是从头开始编写了HTML和CSS。这个问题已经得到了答案，你可以通过其他链接的问题学到更多。;) - Jared

确实更好对你...我以为这是一个我可以解决的好问题，但结果只需要一句话回答它: )，真是个愚蠢的问题... - SaurabhLP

1

如果你认为我的问题很傻，我不同意。@SaurabhLP - Jared

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- redditor · Accepted Answer

使用 overflow-x/y 的问题在于你不能将visible与另一个值混合使用，因此在您的代码中，visible 将被视为 auto。