Question

当你将浏览器设置为1000px宽度然后有一个水平滚动条，有没有办法删除1000px以上？检查下面的screendump。

我尝试了一个clearfix，但这没有帮助，尝试了溢出：可见;

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

用css解决这个问题的简单方法吗？

Answer 1

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

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

Answer 2

您可以执行的唯一操作（仍然可以访问您的网站）设置滚动条应显示的宽度。

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

将其添加到样式表中：

body { min-width: 1200px; }

当浏览器调整大小小于1200像素时，将出现滚动条。

Answer 3

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

对于实例，

Overflow-x:hidden;

修改

如果你想要滚动不应该来的1000px并且它仍然出现在1020中，那么你需要在某处使用填充/边距来获取额外的像素。你需要删除它以使你的工作正常。

Answer 4

我已经决定当我的浏览器小于1200px时，溢出：隐藏;在宽度为1000px的转盘上可以使用。感谢所有人，弗拉迪斯拉夫·斯坦尼奇向我指出了正确的方向。

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

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

4 个答案: