是否可以使用组合溢出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;     
 }

<强> WORKING DEMO

HTML代码：

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

CSS代码：

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

希望这有帮助。