7

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

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

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

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

4

4 回答 4

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

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

于 2013-08-22T10:13:14.877 回答
1

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

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

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

body { min-width: 1200px; }

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

于 2013-08-22T10:15:42.317 回答
0

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

例如，

Overflow-x:hidden;

编辑

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

于 2013-08-22T09:53:45.747 回答
0

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

@media all and (max-width: 1200px) {
   .carousel {
        overflow-x: hidden;
   }
}
于 2013-08-22T10:32:16.903 回答