删除滚动条，如溢出隐藏但需要可见答案

【问题标题】：Remove scrollbar like overflow hidden but needs to be visible删除滚动条，如溢出隐藏但需要可见
【发布时间】：2013-08-24 23:38:41
【问题描述】：

当您将浏览器缩小到 1000 像素宽度时，会出现一个水平滚动条，有什么办法可以将其移除到 1000 像素以上？检查下面的屏幕转储。

我尝试了 clearfix 但这没有帮助并尝试了溢出：可见；

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

有什么简单的方法可以用 css 解决这个问题吗？

【问题讨论】：

我不明白这个问题，您所说的“删除 1000 像素以上”是什么意思？如果窗口宽度超过 1000 像素，滚动条会自动消失。
large body width without horizontal scrollbar的可能重复
检查我的屏幕转储，我的图像需要可见，但滚动需要为 1000 像素宽度，当我有一个 1020 像素宽度的浏览器时，我会得到一个滚动条。它需要像背景图像。溢出：隐藏通常可以，但图像需要可见。溢出隐藏删除滚动，溢出可见不:(
问题是后面的图片需要大于1000px的宽度。因此，如果仍应显示所有图像，则必须缩小它们...否则使用溢出-x。

标签： css scrollbar overflow hidden

【解决方案1】：

@media all and (min-width: 1000px) {
body {
  margin:0;
}
.wrapper {
  overflow-x: hidden;
  }
}

如果浏览器宽度超过 1000 像素，则不会水平滚动。

【讨论】：

嗯，笨蛋没想到，这可能是一个解决方案。感谢那。仍然想知道是否有其他方法可以用 css 做到这一点。它应该是媒体最大宽度 1000px？所以所有低于 1000px 的都会设置溢出隐藏。
你说的对，我使用了另一种我更喜欢的方法，因为我可以在浏览器较小时使用溢出隐藏

【解决方案2】：

您唯一能做的（这仍然使您的网站可访问）是设置滚动条应显示的宽度。

您可以通过设置正文的最小宽度来解决此问题。

将此添加到您的样式表中：

body { min-width: 1200px; }

当浏览器调整到小于 1200px 时，会出现滚动条。

【讨论】：

【解决方案3】：

使用 overflow-x 属性隐藏 div 上创建水平滚动的水平滚动条。

例如，

Overflow-x:hidden;

编辑

如果您想要滚动不应该出现的 1000 像素，但它仍然出现在 1020 中，则情况是您在某处应用了填充/边距，从而占用了这些额外的像素。您需要删除它才能让您的东西正常工作。

【讨论】：

那么其他图片就不再可见了，这些图片需要可见但不要给任何滚动条
如果您想要滚动不应该出现的 1000px 并且它仍然出现在 1020 中，那么情况是您在某处应用了填充/边距，从而占用了这些额外的像素。你需要删除它才能让你的东西正常工作。 - @marcoverflow

【解决方案4】：

我已经决定当我的浏览器小于 1200px 时，overflow:hidden;可以在 1000px 宽的轮播上使用。 Vladislav Stanic 为我指明了正确的方向，谢谢大家。

@media all and (max-width: 1200px) {
   .carousel {
        overflow-x: hidden;
   }
}

【讨论】：