css - 是否可以使用组合溢出 CSS/JS？

Question

我正在寻找一种组合不同x和y溢出的解决方案。

以下代码：

 div {
 overflow-x: visible;
 overflow-y: hidden;
 }

不起作用。我想要一个简单的方法来隐藏水平滚动条，保持垂直溢出的内容可见。我不想在布局中更改 DIV 的高度。有什么技巧吗？

Answer 1

我想要一个简单的方法来隐藏水平滚动条，保持垂直溢出的内容可见。

for horizontal -> overflow-x
for vertical   -> overflow-y

你可以使用

div{
overflow-x: hidden;
overflow-y: auto; // if you don't want scrollbar use visible
}

Answer 2

使用下面的。

div {
 overflow-x: hidden;
 overflow-y: scroll;     
 }

工作演示

HTML 代码：

<div>This is a div.</div>

CSS代码：

div {
 overflow-x: hidden; 
 overflow-y: scroll;
 display:inline-block;
 }

希望这可以帮助。