隐藏浏览器滚动条

Question

如果我的网页上有两个大于浏览器窗口的DIV，那么我的浏览器中就有一个水平滚动条。

我应该怎样做才能隐藏第一个DIV的浏览器滚动条而不是隐藏一秒？

就像我有两个div：200px和300px宽度。如果我的浏览器大小为201-299 px，我想隐藏水平滚动条。例如250px。

如果宽度为201-299，我怎么能禁止滚动浏览器窗口？

Answer 1

您可以将两个<div>打包在包装<div>中，并将min-width设置为您可以接受的内容：

<style>
div.wrapper {
  min-width: 300px;
}

div.content {
 width: 250px;
}
</style>

<div class="wrapper">
  <div class="content>
  ...
  </div>
  <div class="content>
  ...
  </div>
</div>

这样，浏览器将显示包装器div的滚动条，但不显示内容div。那是你在找什么？