创建一个没有页面溢出的1200px div

Question

我在页面上有一个div，其固定宽度为1200px。就是这样，因为我在缩略图集合中插入了一个马赛克。如果页面调整大小，我不希望马赛克更改。

问题是我不想在页面上有水平滚动条。 div仅用于视觉目的。

如何避免在浏览器尺寸小于div尺寸时自动创建的水平导航器滚动条？

更新：div无法定位。

Answer 1

在css中：

html,body {
    overflow : hidden;
}

或者如果您想要垂直滚动条，overflow-x: hidden

或更清洁的方式：

<div class="wrapper">
   <div class="mosaic"></div>
</div>

并将width:100%;overflow:hidden放在包装器上。

Answer 2

您应该可以通过将div设置为固定定位来实现此目的。

.hugediv {
  background: blue;
  width: 1200px;
  height: 200px;
  position: fixed;
  z-index: 1;
}