Html CSS-x：可见；和溢出-y：隐藏；导致滚动条问题

假设您有一些样式和标记：

ul
{
空白：nowrap；
溢出x：可见；
溢出y：隐藏；
/*增加了宽度，以便在代码段中工作*/
宽度：100px；
}
锂
{
显示：内联块；
}

1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

经过认真的搜索，我似乎找到了问题的答案：

发件人：

在壁虎、狩猎、歌剧中，“可见” 与组合时也会变为“自动” “隐藏”（换句话说：“可见” 与组合时变为“自动” 还有什么不同的吗 “可见”）。壁虎1.8，狩猎3，歌剧院 其中9.5是相当一致的

该报告还说：

“溢出-x”的计算值 和“overflow-y”与它们的 指定的值，但某些 带有“可见”的组合不可用 可能：如果指定一个为 “可见”，另一个是“滚动”或 “自动”，则“可见”设置为 “自动”。的计算值 “溢出”等于计算出的 如果“溢出-y”，则为“溢出-x”的值 是一样的；否则就是这对了 “溢出-x”和 “溢出-y”

短版：

---

如果对

overflow-x

或

overflow-y

使用

visible

而对另一个使用

visible

以外的内容，则

visible

值被解释为

auto

我最初在使用Cycle jQuery插件时发现了一种CSS方法来绕过这个问题。Cycle使用JavaScript将我的幻灯片设置为

溢出：隐藏

，因此当将我的图片设置为

宽度：100%

时，图片看起来是垂直剪切的，因此我使用

强制它们可见！重要提示

为了避免幻灯片动画显示在盒子外，我将

溢出：隐藏

设置到幻灯片的容器div。希望对你有用

更新-新解决方案：

原始问题-> （即使我使用

overflow-y:visible

它也会变为“自动”，实际上是“滚动”。）

#内容{
高度：100px；
宽度：200px；
溢出x：隐藏；
溢出y：可见；
}

新解决方案-> （我找到了一个解决方法，使用包装器div将

overflow-x

和

overflow-y

应用到不同的DOM元素，正如在将

可见的
和
隐藏的
组合到单个DOM元素时建议的那样。）

#包装器{
高度：100px；
溢出y：可见；
}
#内容{
宽度：200px；
溢出x：隐藏；
}
我使用了
内容+包装
方法但是我做了一些与目前提到的不同的事情：我确保我的包装的边界不会与我希望可见的内容的边界对齐

重要提示：根据
位置
、
溢出*
等不同css组合，很容易获得
内容+包装、相同边界
方法在一个或另一个浏览器上工作。。。但我从来没有使用过这种方法来纠正它们（Edge、Chrome、Safari等等）

但当我有这样的事情时：

  <div id="hack_wrapper" // created solely for this purpose
       style="position:absolute; width:100%; height:100%; overflow-x:hidden;">
      <div id="content_wrapper"
           style="position:absolute; width:100%; height:15%; overflow:visible;">         
          ... content with too-much horizontal content ... 
      </div>
  </div>


... 水平内容太多的内容。。。

。。。所有的浏览器都很高兴。
另一个廉价的黑客，似乎做到了这一点：

style=“padding bottom:250px；margin bottom:-250px；”“
在垂直溢出被截断的元素上，用
250
表示下拉所需的像素数，等等。
我在尝试构建一个固定位置的侧边栏时遇到了这个问题，该侧边栏既有垂直可滚动的内容，也有嵌套的绝对位置的子项显示在侧边栏边界之外

我的方法包括：


侧栏元素的
溢出：可见
属性

侧栏内部包装的
overflow-y:auto
属性

请检查下面的示例或一个示例


html{
最小高度：100%；
}
身体{
最小高度：100%；
背景：线性梯度（至底部，白色，暗射线80%）；
保证金：0；
填充：0；
}
.侧边栏{
位置：固定；
排名：0；
右：0；
身高：100%；
宽度：200px；
溢出：可见；/*只需应用溢出-x*/
背景色：达克朗格；
}
.侧边条{
填充：10px；
overflow-y:auto；/*只需应用overflow-y即可*/
身高：100%；
宽度：100%；
}
.元素{
位置：绝对位置；
排名：0；
右：100%；
背景颜色：矢车菊蓝；
填充：10px；
宽度：200px；
}
在所有错误情况下都要清楚地看到，所有人都应该受到赞扬、尊重、尊重发明者的真实性和准建筑师的生命。Nemo enim ipsam Voluptate是一个有着丰富经验的人，他是一个理性的人。最重要的一点是，在劳动和就业领域，所有人都有自己的权利、义务和义务。但是最低限度的成本，是否需要在实验室中进行实际操作，是否需要从消费品中获得流动性？在一个充满活力的世界里，你是谁