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

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

ブラウザの横幅が1000pxを超えると、横スクロールが発生しません。

Answer 2

プロパティを使用して、水平スクロールを作成するdivの水平スクロールバーを非表示にします。

例えば、

Overflow-x:hidden;

EDIT

したい場合は、スクロールが来るべきではない、それはまだ1020年の出番1000pxは、ケースは、あなたがパディングを持っているということです/余白が余分なピクセルを取っているどこかで適用されます。あなたはあなたのことを働かせるためにそれを削除する必要があります。

Answer 3

唯一可能なことは（あなたのサイトにアクセス可能にしておく）、スクロールバーが表示される幅を設定することです。

ボディの最小幅を設定することで修正できます。

は、あなたのスタイルシートにこれを追加：ブラウザが1200pxよりも小さいサイズが変更された場合

body { min-width: 1200px; } 

、スクロールバーが表示されます。

Answer 4

ブラウザが1200pxよりも小さいときは、オーバーフロー：非表示にすることを決定しました。 1000px幅のカルーセル上で使用することができる。 Vladislav Stanicは私に正しい方向に指摘しました。ありがとうございました。

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