设置overflow-x：隐藏添加垂直滚动条[重复]

如何解决设置overflow-x：隐藏添加垂直滚动条[重复]

|| 这个问题已经在这里有了答案：

解决方法

查看有关相关问题的答案：https://stackoverflow.com/a/6433475/3583023 它解释了为什么

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

呈现为

el {
  overflow-x: hidden;
  overflow-y: auto;
}

通常与

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

因为大多数浏览器中overflow-y的auto值是scroll。因此，为了达到这种效果，我们不能使用overflow-x/overflow-y属性。我已经尝试过将clip属性用作可能的替代方法，但到目前为止还没有运气：http://jsfiddle.net/qvEq5/ , 就在一个小时前，我遇到了类似的问题，但是当我将overflow的值指定为auto时出现了问题。我没有使用overflow-x或overflow-y，我只需要它完全包含漂浮在相对两端的两个列表。对我有用的是我将ѭ8的值更改为hidden。试试看我将max-width设置为100%，而未指定高度，而是使用了overflow: hidden。希望能有所帮助。 , 尝试设定身高。将其设为100％或自动检查这个 jsfiddle

    height: auto;

, 首先，这个小提琴显示了您描述的问题。到目前为止，我还不知道如何解决这个问题，但似乎规范在这里提示了这一点： “overflow-x”和“overflow-y”的计算值与它们的指定值，除了一些带有“可见”的组合不可能：如果一个被指定为“可见”，而另一个被指定为“可见” “滚动”或“自动”，然后将“可见”设置为“自动”。 , 试试看：

height: auto;
width: 100px;
overflow: hidden;

应将元素的宽度保持在100像素，并允许其根据其内容垂直扩展（无滚动条）。 , 只需使用溢出：隐藏在具有大小限制的包装div上。今天请赶紧给我格式化。

<!DOCTYPE html>
<html>
<head>
<style>
div.hidden 
{
background-color:#00FF00;
width:100px;
height:100px;
overflow:hidden;
}
div.overflowing
{
width:300px;
height:200px;
}
</style>
</head>

<body>
<p>overflow:hidden</p>
<div class=\"hidden\">
<div class=\"overflowing\">
You can use the overflow property when you want to have better control of the layout. The default value is visible.
You can use the overflow property when you want to have better control of the layout. The default value is visible.
You can use the overflow property when you want to have better control of the layout. The default value is visible.
You can use the overflow property when you want to have better control of the layout. The default value is visible.
</div>
</div>
</body>
</html>

在此处查看其运行情况：http://jsfiddle.net/4PZC9/ , 尝试设置显示属性？溢出声明适用于块级元素！ , 尝试这个，

height: auto;
overflow:hidden;

干杯。 , 也许您误解了一些东西，我没有理解这个问题……或者问题不在溢出设置中。 Overflow: auto仅在需要时添加滚动条（内容大于容器）。 Òverflow: visible将添加滚动条。 Òverflow: hidden不会添加滚动条。我知道您希望隐藏x内容，所以so26ѭ，但是从您的问题看来，我似乎不希望垂直滚动条看到垂直溢出的内容。可能的问题是为容器设置了固定的高度（或最大高度），并且内容较大。删除高度（或最大高度），您将避免使用垂直滚动条。 ...或者也许我说过，只是不了解想要的效果是什么。 , 正在阅读您的问题...我看不到任何问题... 我指定overflow-x：hidden;在元素上，它添加了垂直滚动条。如果它的高度溢出（就像您刚才说的那样），那是很正常的。我尝试添加溢出-y：visible;甚至只是溢出：可见，没有任何效果。嗯...这很正常，因为您要告诉它显示一个垂直滚动条，直到已有为止。正如kuloir所说：X =水平； Y =垂直。

设置overflow-x：隐藏添加垂直滚动条[重复]

如何解决设置overflow-x：隐藏添加垂直滚动条[重复]

解决方法

相关推荐