css - オーバーフロー非表示のようなスクロールバーを削除しますが、表示する必要があります

Question

ブラウザを幅 1000 ピクセルに縮小すると、水平スクロールバーが表示されます。これを 1000 ピクセルより上に削除する方法はありますか? 以下のスクリーンダンプを確認してください。

clearfix を試しましたが、これは役に立たず、overflow:visible; を試しました。

.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;
  }
}

ブラウザの幅が 1000px を超える場合、水平スクロールは行われません。

Answer 2

ブラウザが 1200px より小さい場合、overflow:hidden; を決定しました。1000px 幅のカルーセルを使用できます。Vladislav Stanic が正しい方向を示してくれました。ありがとうございました。

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