-1

私のコンテナは私divの下にスクロールバーを追加しますdiv #wrapper。

問題のあるスライダー:

これは私のcssですwrapper

#wrapper {
   background:#383434;
   width:1000px;
   height:auto !important;
   min-height:100%;
   overflow:hidden;
   height: 100%;
   -moz-box-shadow: 0 2px 15px 5px #000;
   -webkit-box-shadow: 0 2px 15px 5px#000;
   box-shadow: 0px 2px 15px 5px #01DF01;
   margin-top:20px;
   border-radius:5px;
   margin-bottom:50px;
}

スクロールバーを削除または非表示にするにはどうすればよいですか?

4

3 に答える 3

1

削除/変更overflow:auto;すると問題が解決します。私hiddenはあなたが探しているものだと思います。

ドキュメントを見ると、さまざまな値が実際に何をするかがわかります。

表示
デフォルト値。コンテンツはクリップされず、コンテンツ ボックスの外に表示される場合があります。

hidden
コンテンツはクリップされ、スクロールバーは提供されません。

scroll
コンテンツがクリップされ、デスクトップ ブラウザは、コンテンツがクリップされているかどうかに関係なく、スクロールバーを使用します。これにより、動的環境でスクロールバーが表示されたり消えたりする問題が回避されます。プリンターはオーバーフローしたコンテンツを印刷することがあります。

auto
ユーザーエージェントに依存します。Firefox などのデスクトップ ブラウザは、コンテンツがオーバーフローした場合にスクロールバーを提供します。

于 2013-08-31T20:44:18.630 に答える
0

overflow: autoあなたの場合に起こっているコンテンツがオーバーフローした場合にスクロールバーを表示することを意味します。おそらく、あなたが望むのは、overflow: hiddenスクロールバーを表示しない です。あなたのサイトでは、これはうまくいくようです。

もう 1 つのオプションは、サイズがコンテナーからオーバーフローしているものを突き止めて縮小することです。

于 2013-08-31T20:44:24.643 に答える
0

overflow-x: hiddenのスタイルに追加できます#wrapper。

編集：

#middleスタイリングのマージンが原因で、水平スクロールバーが表示されていることがわかりました。プロパティを配置してmargin-top: -55pxクリアするとmargin、問題が解決します。

于 2013-08-31T20:45:00.863 に答える